From 59745325ec982f7a090e514aa9d235cdf3878a01 Mon Sep 17 00:00:00 2001
From: Mohammed Al-yaseen <mohammed.o.alyaseen@gmail.com>
Date: Tue, 4 Nov 2025 19:52:43 +0300
Subject: [PATCH] fix special request input updating upon editing from the
 bottom sheet

---
 src/pages/cart/components/specialRequest/BottomSheet.tsx   | 6 +++---
 src/pages/cart/components/specialRequest/Dialog.tsx        | 2 +-
 .../cart/components/specialRequest/SpecialRequestCard.tsx  | 1 -
 src/pages/cart/page.tsx                                    | 7 +++++++
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/pages/cart/components/specialRequest/BottomSheet.tsx b/src/pages/cart/components/specialRequest/BottomSheet.tsx
index c488173..49c15c7 100644
--- a/src/pages/cart/components/specialRequest/BottomSheet.tsx
+++ b/src/pages/cart/components/specialRequest/BottomSheet.tsx
@@ -43,10 +43,10 @@ export function BottomSheet({
       showCloseButton={false}
       initialSnap={1}
       height={370}
-      snapPoints={["30vh"]}
+      snapPoints={[370]}
     >
-      <div className="space-y-4">
-        <div>
+      <div>
+        <div style={{ marginTop: 20 }}>
           <TextArea
             value={value}
             onChange={(e) => setValue(e.target.value)}
diff --git a/src/pages/cart/components/specialRequest/Dialog.tsx b/src/pages/cart/components/specialRequest/Dialog.tsx
index e0cce50..ec4e838 100644
--- a/src/pages/cart/components/specialRequest/Dialog.tsx
+++ b/src/pages/cart/components/specialRequest/Dialog.tsx
@@ -53,7 +53,7 @@ export function Dialog({
       width={500}
       destroyOnHidden
     >
-      <div className="space-y-4">
+      <div>
         <TextArea
           value={value}
           onChange={(e) => setValue(e.target.value)}
diff --git a/src/pages/cart/components/specialRequest/SpecialRequestCard.tsx b/src/pages/cart/components/specialRequest/SpecialRequestCard.tsx
index 9c95a3b..28ee7b9 100644
--- a/src/pages/cart/components/specialRequest/SpecialRequestCard.tsx
+++ b/src/pages/cart/components/specialRequest/SpecialRequestCard.tsx
@@ -36,7 +36,6 @@ export default function SpecialRequestCard() {
           label={t("cart.specialRequest")}
           name="specialRequest"
           style={{ position: "relative", top: -5 }}
-          initialValue={specialRequest || ""}
         >
           <Input
             placeholder={t("cart.specialRequest")}
diff --git a/src/pages/cart/page.tsx b/src/pages/cart/page.tsx
index 28d74e8..a32af65 100644
--- a/src/pages/cart/page.tsx
+++ b/src/pages/cart/page.tsx
@@ -1,13 +1,20 @@
 import { Form } from "antd";
 import { useEffect } from "react";
 
+import { selectCart } from "features/order/orderSlice";
 import useBreakPoint from "hooks/useBreakPoint.ts";
 import CartDesktopLayout from "pages/cart/components/CartDesktopLayout.tsx";
 import CartMobileTabletLayout from "pages/cart/components/CartMobileTabletLayout.tsx";
+import { useAppSelector } from "redux/hooks";
 
 export default function CartPage() {
   const { isDesktop } = useBreakPoint();
   const [form] = Form.useForm();
+  const { specialRequest } = useAppSelector(selectCart);
+
+  useEffect(() => {
+    form.setFieldsValue({ specialRequest });
+  }, [form, specialRequest]);
 
   // Prevent keyboard from appearing automatically on mobile
   useEffect(() => {