change date type for req & design and fields & add requests & fix bug appointment and dashboard

components/dashboard/userAccount/detailUser/relatives/ItemRelatives.js

@@ -13,16 +13,11 @@ function ItemRelatives({ row, idx, changeData }) {
     address: row.contact.address,
   };
 
-  const [data, setData] = useState(contentData);
-  const resetData = () => setData(contentData);
+  const [data, setData] = useState(row);
+  const resetData = () => setData(row);
 
   useEffect(() => {
-    setData({
-      name: row.name,
-      relation: row.relation,
-      phone: row.contact.phone,
-      address: row.contact.address,
-    });
+    setData(row);
   }, [row]);
 
   return (

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

@@ -9,6 +9,7 @@ function Relatives({ data, changeData, loading, updateData }) {
   const tableHead = ["ردیف", "نام", "نسبت", "شماره تماس", "آدرس", ""];
   const centerTable = [0];
   const [open, setOpen] = useState(false);
+  console.log(relatives);
 
   return (
     <div className="opacity-page">

components/dashboard/userAccount/detailUser/relatives/modal/Content.js

@@ -3,7 +3,18 @@ import Field from "@/app/component/Field";
 
 function Content({ setData, data }) {
   const handleChange = (name, value) =>
-    setData((prev) => ({ ...prev, [name]: value }));
+    name === "phone" || name === "address"
+      ? setData((prev) => ({
+          ...prev,
+          contact: {
+            ...prev.contact,
+            [name]: value,
+          },
+        }))
+      : setData((prev) => ({
+          ...prev,
+          [name]: value,
+        }));
 
   return (
     <div className="mt-[32px] md:mt-[36px] lg:mt-[40px] flex flex-col gap-[24px] md:gap-[28px] lg:gap-[32px] px-0 sm:px-[52px]">
@@ -33,7 +44,7 @@ function Content({ setData, data }) {
           type="number"
           name="phone"
           isPlaceHolder={true}
-          value={Number(data?.phone.replace(/^\+/, ""))}
+          value={Number(data?.contact?.phone.replace(/^\+/, ""))}
           handleChange={handleChange}
         />
       </FieldLabel>
@@ -43,7 +54,7 @@ function Content({ setData, data }) {
           type="text"
           name="address"
           isPlaceHolder={true}
-          value={data?.address}
+          value={data?.contact?.address}
           handleChange={handleChange}
         />
       </FieldLabel>

components/dashboard/userAccount/detailUser/relatives/modal/index.js

@@ -10,27 +10,21 @@ function ModalAddRelatives({ open, setOpen, changeData, loading, updateData }) {
   const contentItem = {
     name: "",
     relation: "",
-    phone: "",
-    address: "",
+    contact: {
+      phone: "",
+      address: "",
+    },
   };
 
   const handleOpen = () => setOpen(true);
   const handleClose = () => setOpen(false);
   const [newItem, setNewItem] = useState(contentItem);
   const handleAddData = () => {
-    const changedKey = {
-      name: newItem.name,
-      relation: newItem.relation,
-      contact: {
-        phone: newItem.phone,
-        address: newItem.address,
-      },
-    };
-
-    changeData("add", "relatives", null, changedKey);
+    changeData("add", "relatives", null, newItem);
     setNewItem(contentItem);
     handleClose();
   };
+  console.log(newItem);
 
   return (
     <>
@@ -64,8 +58,8 @@ function ModalAddRelatives({ open, setOpen, changeData, loading, updateData }) {
             disabled={
               !newItem.name ||
               !newItem.relation ||
-              !newItem.phone ||
-              !newItem.address
+              !newItem.contact.phone ||
+              !newItem.contact.address
             }
             variant="contained"
           >