enhance bottom sheets styles

src/assets/locals/ar.json

@@ -122,6 +122,8 @@
     "carbs": "الكربوهيدرات",
     "fat": "الدهون",
     "viewCart": "عرض السلة",
+    "pay": "الدفع",
+    "payDescription": "الدفع",
     "rating": "التقييم ",
     "loyaltyPoints": "نقاط الولاء",
     "loyaltyDescription": "اشترى {{value}} وجبات واحصل على وجبة مجانية",
@@ -419,6 +421,7 @@
     "yourAmount": "مبلغك",
     "selectedTotal": "المجموع المحدد",
     "splitBillAmount": "مبلغ تقسيم الفاتورة",
-    "removeSplitWay": "إزالة طريقة التقسيم"
+    "removeSplitWay": "إزالة طريقة التقسيم",
+    "amount": "المبلغ"
   }
 }

src/assets/locals/en.json

@@ -168,7 +168,9 @@
     "joinUs": "Join us",
     "joinUsDescription": "to earn loyalty points",
     "openingHours": "Opening Hours: {{openingTime}} - {{closingTime}}",
-    "restaurantIsClosed": "Restaurant is closed"
+    "restaurantIsClosed": "Restaurant is closed",
+    "pay": "Pay",
+    "payDescription": "Pay for your order"
   },
   "cart": {
     "title": "Cart",
@@ -431,6 +433,7 @@
     "yourAmount": "Your Amount",
     "selectedTotal": "Selected Total",
     "splitBillAmount": "Split Bill Amount",
-    "removeSplitWay": "Remove Split Way"
+    "removeSplitWay": "Remove Split Way",
+    "amount": "Amount"
   }
 }

src/pages/menu/components/MenuFooter/MenuFooter.tsx

@@ -75,7 +75,7 @@ export function MenuFooter() {
                     margin: "0 10px",
                   }}
                 >
-                  {t("menu.viewCart")}
+                  { orderType === OrderType.Pay ? t("menu.pay") : t("menu.viewCart")}
                 </ProText>
                 <span
                   style={{

src/pages/pay/components/splitBill/EqualltyChoiceBottomSheet.tsx

@@ -51,13 +51,6 @@ export function EqualltyChoiceBottomSheet({
     return 0;
   }, [grandTotal, totalPeople, payFor]);
 
-  // Update splitBillAmount when values change
-  useEffect(() => {
-    if (isOpen && splitAmount > 0) {
-      dispatch(updateSplitBillAmount(splitAmount));
-    }
-  }, [isOpen, splitAmount, dispatch]);
-
   const handleSave = () => {
     dispatch(updateSplitBillAmount(splitAmount));
     onClose();
@@ -69,6 +62,8 @@ export function EqualltyChoiceBottomSheet({
     onClose();
   };
   
+  console.log(grandTotal);
+
   return (
     <ProBottomSheet
       isOpen={isOpen}
@@ -76,8 +71,8 @@ export function EqualltyChoiceBottomSheet({
       title={t("splitBill.divideTheBillEqually")}
       showCloseButton={true}
       initialSnap={1}
-      height={600}
-      snapPoints={[600]}
+      height={810}
+      snapPoints={[810]}
     >
       <div
         style={{

src/pages/pay/components/splitBill/PayForYourItemsChoiceBottomSheet.tsx

@@ -72,16 +72,18 @@ export function PayForYourItemsChoiceBottomSheet({
       title={t("splitBill.payForYourItems")}
       showCloseButton={true}
       initialSnap={1}
-      height={515}
-      snapPoints={[515]}
+      height={745}
+      snapPoints={[745]}
     >
       <div
         style={{
           padding: "0 20px",
+          margin: "20px 0",
           display: "flex",
           flexDirection: "column",
           gap: 12,
-          maxHeight: "500px",
+          maxHeight: "455px",
+          minHeight: "455px",
           overflowY: "auto",
         }}
       >
@@ -161,51 +163,47 @@ export function PayForYourItemsChoiceBottomSheet({
             );
           })
         )}
-
-        {selectedTotal > 0 && (
-          <div
-            style={{
-              padding: 16,
-              backgroundColor: "rgba(255, 183, 0, 0.08)",
-              borderRadius: 8,
-              marginTop: 8,
-            }}
-          >
-            <div
-              style={{
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center",
-              }}
-            >
-              <ProText style={{ fontSize: 16, fontWeight: 600 }}>
-                {t("splitBill.selectedTotal")}:
-              </ProText>
-              <ArabicPrice price={selectedTotal} />
-            </div>
-          </div>
-        )}
-
+      </div>
+      <div
+        style={{
+          padding: 16,
+          backgroundColor: "rgba(255, 183, 0, 0.08)",
+          borderRadius: 8,
+          marginTop: 8,
+        }}
+      >
         <div
           style={{
             display: "flex",
-            gap: 12,
-            marginTop: 20,
+            justifyContent: "space-between",
+            alignItems: "center",
           }}
         >
-          <Button style={{ flex: 1 }} onClick={handleRemoveSplitWay}>
-            {t("splitBill.removeSplitWay")}
-          </Button>
-          <Button
-            type="primary"
-            style={{ flex: 1, boxShadow: "none" }}
-            onClick={handleSave}
-            disabled={selectedTotal === 0}
-          >
-            {t("cart.save")}
-          </Button>
+          <ProText style={{ fontSize: 16, fontWeight: 600 }}>
+            {t("splitBill.selectedTotal")}:
+          </ProText>
+          <ArabicPrice price={selectedTotal} />
         </div>
       </div>
+      <div
+        style={{
+          display: "flex",
+          gap: 12,
+          marginTop: 20,
+        }}
+      >
+        <Button style={{ flex: 1 }} onClick={handleRemoveSplitWay}>
+          {t("splitBill.removeSplitWay")}
+        </Button>
+        <Button
+          type="primary"
+          style={{ flex: 1, boxShadow: "none" }}
+          onClick={handleSave}
+          disabled={selectedTotal === 0}
+        >
+          {t("cart.save")}
+        </Button>
+      </div>
     </ProBottomSheet>
   );
 }