show qty

src/pages/order/components/SplitBillParticipantsBottomSheet.tsx

@@ -51,30 +51,37 @@ export function SplitBillParticipantsBottomSheet({
           gap: 20,
         }}
       >
-        <div className={styles.inviteToBill}>
-          <Button
-            shape="circle"
-            iconPlacement="start"
-            size="small"
-            className={styles.addButton}
-            style={{
-              background: "#F9F9FA",
-              width: 28,
-              height: 28,
-              border: "none",
-              color: "#FFB700",
-            }}
-          >
-            <ProText style={{ color: "#1F1C2E" }}> 1 </ProText>
-          </Button>
-          <div
-            style={{
-              display: "flex",
-              flexDirection: "column",
-              gap: 4,
-              width: "100%",
-            }}
-          >
+        <div
+          style={{
+            display: "flex",
+            flexDirection: "row",
+            justifyContent: "space-between",
+            placeItems: "center",
+          }}
+        >
+          <div style={{
+            display: "flex",
+            flexDirection: "row",
+            justifyContent: "flex-start",
+            placeItems: "center",
+            gap: 10,
+          }}>
+            <Button
+              shape="circle"
+              iconPlacement="start"
+              size="small"
+              className={styles.addButton}
+              style={{
+                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
-            price={0}
-            textStyle={taxesChargesStyle}
-          />
+          <ArabicPrice price={0} textStyle={taxesChargesStyle} />
         </div>
         <ProText style={taxesChargesStyle}>
           {t("splitBill.includesAllOfTaxesCharges")}