show qty

src/pages/order/components/SplitBillParticipantsBottomSheet.tsx

@@ -51,7 +51,21 @@ export function SplitBillParticipantsBottomSheet({
           gap: 20,
         }}
       >
-        <div className={styles.inviteToBill}>
+        <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"
@@ -67,14 +81,7 @@ export function SplitBillParticipantsBottomSheet({
             >
               <ProText style={{ color: "#1F1C2E" }}> 1 </ProText>
             </Button>
-          <div
+
-            style={{
-              display: "flex",
-              flexDirection: "column",
-              gap: 4,
-              width: "100%",
-            }}
-          >
             <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")}