From a9dff9ca531fba23fb286e356e6b3dc14896aa6c Mon Sep 17 00:00:00 2001
From: Mohammed Al-yaseen <mohammed.o.alyaseen@gmail.com>
Date: Mon, 3 Nov 2025 18:50:32 +0300
Subject: [PATCH] save special request on typing

---
 .../cart/components/specialRequest/SpecialRequestCard.tsx     | 4 +++-
 src/pages/product/components/ProductFooter.tsx                | 1 -
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/cart/components/specialRequest/SpecialRequestCard.tsx b/src/pages/cart/components/specialRequest/SpecialRequestCard.tsx
index fe0ab3e..9c95a3b 100644
--- a/src/pages/cart/components/specialRequest/SpecialRequestCard.tsx
+++ b/src/pages/cart/components/specialRequest/SpecialRequestCard.tsx
@@ -25,6 +25,7 @@ export default function SpecialRequestCard() {
   const handleSpecialRequestClose = () => {
     setIsSpecialRequestOpen(false);
   };
+
   return (
     <>
       <ProInputCard
@@ -35,13 +36,14 @@ export default function SpecialRequestCard() {
           label={t("cart.specialRequest")}
           name="specialRequest"
           style={{ position: "relative", top: -5 }}
+          initialValue={specialRequest || ""}
         >
           <Input
-            value={specialRequest}
             placeholder={t("cart.specialRequest")}
             size="large"
             autoFocus={false}
             className={styles.inputField}
+            onChange={(e) => handleSpecialRequestSave(e.target.value)}
             suffix={
               <div
                 className={styles.editButton}
diff --git a/src/pages/product/components/ProductFooter.tsx b/src/pages/product/components/ProductFooter.tsx
index 752bd7c..c94df81 100644
--- a/src/pages/product/components/ProductFooter.tsx
+++ b/src/pages/product/components/ProductFooter.tsx
@@ -134,7 +134,6 @@ export default function ProductFooter({
               style={{ position: "relative", top: -5, width: "100%" }}
             >
               <Input
-                value={specialRequest}
                 placeholder={t("cart.specialRequest")}
                 size="large"
                 autoFocus={false}