show qty

src/pages/order/components/SplitBillParticipantsBottomSheet.tsx

@@ -51,30 +51,37 @@ export function SplitBillParticipantsBottomSheet({
           gap: 20,
         }}
       >
-        <div className={styles.inviteToBill}>
+        <div
-          <Button
+          style={{
-            shape="circle"
+            display: "flex",
-            iconPlacement="start"
+            flexDirection: "row",
-            size="small"
+            justifyContent: "space-between",
-            className={styles.addButton}
+            placeItems: "center",
-            style={{
+          }}
-              background: "#F9F9FA",
+        >
-              width: 28,
+          <div style={{
-              height: 28,
+            display: "flex",
-              border: "none",
+            flexDirection: "row",
-              color: "#FFB700",
+            justifyContent: "flex-start",
-            }}
+            placeItems: "center",
-          >
+            gap: 10,
-            <ProText style={{ color: "#1F1C2E" }}> 1 </ProText>
+          }}>
-          </Button>
+            <Button
-          <div
+              shape="circle"
-            style={{
+              iconPlacement="start"
-              display: "flex",
+              size="small"
-              flexDirection: "column",
+              className={styles.addButton}
-              gap: 4,
+              style={{
-              width: "100%",
+                background: "#F9F9FA",
-            }}
+                width: 28,
-          >
+                height: 28,
+                border: "none",
+                color: "#FFB700",
+              }}
+            >
+              <ProText style={{ color: "#1F1C2E" }}> 1 </ProText>
+            </Button>
+
             <ProText
               style={{
                 fontWeight: 500,
@@ -88,7 +95,18 @@ export function SplitBillParticipantsBottomSheet({
               {t("order.personHasPaid")}
             </ProText>
           </div>
-          {isRTL ? <BackIcon iconSize={24} /> : <NextIcon iconSize={24} />}
+
+          <ArabicPrice
+            price={0}
+            textStyle={{
+              fontWeight: 400,
+              fontStyle: "Regular",
+              fontSize: 12,
+              lineHeight: "140%",
+              letterSpacing: "0%",
+              color: "#3D3B4A",
+            }}
+          />
         </div>
       </div>
 
@@ -132,10 +150,7 @@ export function SplitBillParticipantsBottomSheet({
           >
             {t("splitBill.remainingToPay")}
           </ProText>
-          <ArabicPrice
+          <ArabicPrice price={0} textStyle={taxesChargesStyle} />
-            price={0}
-            textStyle={taxesChargesStyle}
-          />
         </div>
         <ProText style={taxesChargesStyle}>
           {t("splitBill.includesAllOfTaxesCharges")}