enhance bottom sheets styles

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();
@@ -68,6 +61,8 @@ export function EqualltyChoiceBottomSheet({
     onRemoveSplitWay?.();
     onClose();
   };
+  
+  console.log(grandTotal);
 
   return (
     <ProBottomSheet
@@ -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>
   );
 }