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,8 +163,7 @@ export function PayForYourItemsChoiceBottomSheet({
             );
           })
         )}
-
-        {selectedTotal > 0 && (
+      </div>
       <div
         style={{
           padding: 16,
@@ -184,8 +185,6 @@ export function PayForYourItemsChoiceBottomSheet({
           <ArabicPrice price={selectedTotal} />
         </div>
       </div>
-        )}
-
       <div
         style={{
           display: "flex",
@@ -205,7 +204,6 @@ export function PayForYourItemsChoiceBottomSheet({
           {t("cart.save")}
         </Button>
       </div>
-      </div>
     </ProBottomSheet>
   );
 }