change functionality req from ssr to csr

components/dashboard/userAccount/detailUser/information/Form.js

@@ -1,3 +1,4 @@
+import { getParsedUserInfo } from "@/helper";
 import Content from "./Content";
 import DateBirthday from "./DateBirthday";
 import AutoSelector from "./component/AutoSelector";
@@ -22,6 +23,8 @@ function Form({
   const findVal = (list, name) =>
     data && list && list.length && list.find((g) => g.id === data[name]);
   console.log(errors);
+  const parsedUserInfo = getParsedUserInfo();
+  console.log(parsedUserInfo);
 
   return (
     <div className="grid grid-cols-1 lg:grid-cols-2 gap-x-[24px] gap-y-[10px]">
@@ -72,7 +75,7 @@ function Form({
         <AutoSelector
           error={errors?.gender}
           updateData={(name, data) =>
-            changeData(data === "زن" ? "female" : "male", "value", name)
+            changeData(data === "زن" ? "female" : "male", name)
           }
           value={findVal(gender, "gender")}
           label="جنسیت"
@@ -101,7 +104,7 @@ function Form({
       <Content title="نوع بیمه">
         <AutoSelector
           updateData={(name, val) => {
-            changeData([Number(val.id)], "value", name);
+            changeData([Number(val.id)], name);
           }}
           // value={findVal(insurance, "basic_insurance", true)?.name}
           value={insurance?.find(
@@ -133,11 +136,7 @@ function Form({
         <AutoSelector
           error={errors?.blood_type}
           updateData={(name, value) =>
-            changeData(
-              blood_group.find((g) => g.label === value).id,
-              "value",
-              name
-            )
+            changeData(blood_group.find((g) => g.label === value).id, name)
           }
           value={findVal(blood_group, "blood_type")}
           label="گروه خونی"
@@ -149,7 +148,7 @@ function Form({
         <AutoSelector
           error={errors?.marital_status}
           updateData={(name, value) =>
-            changeData(value === "متاهل" ? "married" : "single", "value", name)
+            changeData(value === "متاهل" ? "married" : "single", name)
           }
           value={findVal(marital_status, "marital_status")}
           label="وضعیت تاهل"
@@ -173,7 +172,6 @@ function Form({
           updateData={(name, value) =>
             changeData(
               education.find((g) => g.label === value).id,
-              "value",
               name
             )
           }
@@ -187,7 +185,7 @@ function Form({
         <AutoSelector
           error={errors?.job}
           updateData={(name, value) =>
-            changeData(value === "آزاد" ? "azad" : "dolati", "value", name)
+            changeData(value === "آزاد" ? "azad" : "dolati", name)
           }
           value={findVal(job, "job")}
           label="شغل"