ر

app/booking/[slug]/page.js

@@ -21,9 +21,9 @@ function Booking({ params: { slug } }) {
   const [isForAnother, setIsForAnother] = useState(false);
 
   const [data, setData] = useState({
-    phone: { value: "09121056987", isEdit: false },
-    codemeli: { value: "1741025645", isEdit: false },
-    name: { value: "ساغر صابری نژاد", isEdit: false },
+    phone: { value: "09121056987", isEdit: true },
+    codemeli: { value: "1741025645", isEdit: true },
+    name: { value: "ساغر صابری نژاد", isEdit: true },
   });
 
   const elements = [

app/component/EditField.js

@@ -56,7 +56,7 @@ function EditField({
           className={`!absolute !left-[8px] !-translate-y-1/2 !min-w-fit !p-1
                     ${multiline ? "!top-[24px]" : "!top-1/2"}`}
           onClick={() => {
-            changeData(!data.isEdit, "isEdit", name);
+            // changeData(!data.isEdit, "isEdit", name);
           }}
         >
           {icon ? icon : iconGray ? <EditGrayA /> : <EditOrangeA />}

app/component/element/AutoCompleteSelect.js

@@ -41,18 +41,17 @@ function AutoCompleteSelect({ list, isError, updateData, name, label }) {
           border: isError ? "1px solid red !important" : "",
         },
       }}
-      renderOption={(props, option) => {
-        return (
-          <Button
-            {...props}
-            fullWidth
-            className="!flex !justify-start !p-[8px] !text-start !text-[#A1A1A1] hover:dark:!bg-[#35343D] !bg-[#FFF] dark:!bg-[#1F1D2B]"
-            style={{}}
-          >
-            {option.label}
-          </Button>
-        );
-      }}
+      renderOption={(props, option) => (
+        <Button
+          fullWidth
+          {...props}
+          style={{}}
+          key={props.id}
+          className="!flex !justify-start !p-[8px] !text-start !text-[#A1A1A1] hover:dark:!bg-[#35343D] !bg-[#FFF] dark:!bg-[#1F1D2B]"
+        >
+          {option.label}
+        </Button>
+      )}
       renderInput={(params) => (
         <TextField
           fullWidth

components/booking/detail/index.js

@@ -54,9 +54,9 @@ function Detail({
             onClick={() => {
               setIsForAnother(true);
               setData({
-                phone: { value: "09121056987", isEdit: false },
-                codemeli: { value: "1741025645", isEdit: false },
-                name: { value: "ساغر صابری نژاد", isEdit: false },
+                phone: { value: "09121056987", isEdit: true },
+                codemeli: { value: "1741025645", isEdit: true },
+                name: { value: "ساغر صابری نژاد", isEdit: true },
               });
             }}
           >

components/dashboard/userAccount/tabs/detailUser/index.js

@@ -5,14 +5,14 @@ import ArrowLeftWhiteD from "@/components/icons/ArrowLeftWhiteD";
 
 function DetailUser({ user }) {
   const [data, setData] = useState({
-    phone: { value: user.phone, isEdit: false },
-    national_code: { value: user.national_code, isEdit: false },
-    name: { value: user.name, isEdit: false },
-    date_of_birth: { value: user.date_of_birth, isEdit: false },
-    father_name: { value: user.father_name, isEdit: false },
-    insurance_number: { value: user.insurance_number, isEdit: false },
-    home_phone: { value: user.home_phone, isEdit: false },
-    work_phone: { value: user.work_phone, isEdit: false },
+    phone: { value: user.phone, isEdit: true },
+    national_code: { value: user.national_code, isEdit: true },
+    name: { value: user.name, isEdit: true },
+    date_of_birth: { value: user.date_of_birth, isEdit: true },
+    father_name: { value: user.father_name, isEdit: true },
+    insurance_number: { value: user.insurance_number, isEdit: true },
+    home_phone: { value: user.home_phone, isEdit: true },
+    work_phone: { value: user.work_phone, isEdit: true },
   });
   const [selected, setSelected] = useState({
     gender: "",
@@ -37,11 +37,7 @@ function DetailUser({ user }) {
 
   return (
     <div className="opacity-page">
-      <Form
-        data={data}
-        changeData={changeData}
-        updateSelect={updateSelect}
-      />
+      <Form data={data} changeData={changeData} updateSelect={updateSelect} />
       <Button
         className="!gap-[4px] !mr-auto !text-nowrap !flex !flex-nowrap !py-[8px]
                 !bg-[#5559CE] !rounded-[4px] !text-[#EFEFEF] !text-[14px] md:!text-[16px] !font-medium

components/panel/userAccount/account/form/index.js

@@ -12,11 +12,11 @@ import ArrowLeftButtonP from "@/components/icons/ArrowLeftButtonP";
 
 function Form() {
   const [data, setData] = useState({
-    name: { value: "احسان احمدی", isEdit: false },
-    national_code: { value: "123456789", isEdit: false },
-    address: { value: "", isEdit: false },
-    phone: { value: "", isEdit: false },
-    account_number: { value: "", isEdit: false },
+    name: { value: "احسان احمدی", isEdit: true },
+    national_code: { value: "123456789", isEdit: true },
+    address: { value: "", isEdit: true },
+    phone: { value: "", isEdit: true },
+    account_number: { value: "", isEdit: true },
   });
   const [selected, setSelected] = useState({
     state: "",