update design and request pages dashboards & doctors & doctor item & clinics & clinic item and layout

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

@@ -2,59 +2,44 @@ import { useState } from "react";
 import Form from "./Form";
 import { Button } from "@mui/material";
 import ArrowLeftWhiteD from "@/components/icons/ArrowLeftWhiteD";
+import { request } from "@/services/response";
 
 function Information({ user, dataUser }) {
   const [disable, setDisable] = useState(true);
-  const [data, setData] = useState({
-    phone: { value: dataUser.work_phone, isEdit: true },
-    national_code: { value: dataUser.national_code, isEdit: true },
-    name: { value: dataUser.name, isEdit: true },
-    date_of_birth: { value: dataUser.birthday, isEdit: true },
-    father_name: { value: dataUser.fathers_name, isEdit: true },
-    insurance_number: { value: dataUser.supplementary_insurance, isEdit: true },
-    home_phone: { value: dataUser.home_phone, isEdit: true },
-    work_phone: { value: user.work_phone, isEdit: true },
-  });
-  const [selected, setSelected] = useState({
-    gender: dataUser.gender,
-    blood_group: dataUser.blood_type,
-    insurance: dataUser.supplementary_insurance,
-    marital_status: dataUser.marital_status,
-    education: dataUser.education,
-    job: dataUser.job,
-  });
+  const [loading, setLoading] = useState(false);
+  const [data, setData] = useState(dataUser || {});
 
   const changeData = (value, type, name) => {
     disable && setDisable(false);
     setData({
       ...data,
-      [name]: {
-        ...data[name],
-        [type]: value,
-      },
+      [name]: value,
     });
   };
 
-  const updateSelect = (name, event) => {
-    disable && setDisable(false);
-    setSelected({ ...selected, [name]: event });
+  const sendReq = () => {
+    setLoading(true);
+    request[dataUser ? "patchUserProfile" : "postUserProfile"](data)
+      .then((res) => {
+        setLoading(false);
+      })
+      .catch((err) => {
+        setLoading(false);
+      });
   };
 
   return (
     <div className="opacity-page">
-      <Form
-        data={data}
-        changeData={changeData}
-        selected={selected}
-        updateSelect={updateSelect}
-      />
+      <Form data={data} changeData={changeData} prevData={dataUser} />
       <Button
         disabled={disable}
         variant="contained"
+        onClick={sendReq}
+        loading={loading}
         className={`!gap-[4px] !mr-auto !text-nowrap !flex !flex-nowrap !py-[8px]
-                 !rounded-[4px] !text-[#EFEFEF] !text-[14px] md:!text-[16px] !font-medium
+                 !rounded-[4px] !text-[14px] md:!text-[16px] !font-medium
                 !mt-[32px] sm:!mt-[38px] md:!mt-[43px] lg:!mt-[48px] !px-[16px] sm:!px-[19px] md:!px-[22px] lg:!px-[24px]
-              ${disable ? "" : "!bg-[#5559CE]"}`}
+              `}
       >
         ثبت اطلاعات
         <ArrowLeftWhiteD />