handle change data and update data in dashboard page for all tabs

components/dashboard/userAccount/detailUser/familyHistory/ItemHistory.js

@@ -3,7 +3,7 @@ import TextLoading from "@/app/component/loading/Text";
 import { TableCell, TableRow } from "@mui/material";
 import ModalEditItem from "@/components/dashboard/userAccount/components/modal/ModalEditItem";
 import Content from "./modal/Content";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 
 function ItemHistory({ row, idx, changeData }) {
   const contentData = {
@@ -12,6 +12,12 @@ function ItemHistory({ row, idx, changeData }) {
   };
   const [data, setData] = useState(contentData);
   const resetData = () => setData(contentData);
+  useEffect(() => {
+    setData({
+      relation: row.relation,
+      disease: row.disease,
+    });
+  }, [row]);
 
   return (
     <TableRow
@@ -49,10 +55,10 @@ function ItemHistory({ row, idx, changeData }) {
           <ModalEditItem
             id={idx}
             data={data}
-            title="سابقه خانوادگی"
             name="family_history"
             resetData={resetData}
             changeData={changeData}
+            title="سابقه خانوادگی"
           >
             <Content data={data} setData={setData} />
           </ModalEditItem>

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

@@ -4,7 +4,9 @@ import { useState } from "react";
 import ModalAddHistory from "./modal";
 import ItemHistory from "./ItemHistory";
 
-function FamilyHistory({ data, changeData }) {
+function FamilyHistory({ data, changeData, loading, updateData }) {
+  const { other } = data;
+  const { family_history } = other && other[0];
   const tableHead = ["ردیف", "بیماری", "نسبت خانوادگی", ""];
   const centerTable = [0];
   const [open, setOpen] = useState(false);
@@ -15,16 +17,18 @@ function FamilyHistory({ data, changeData }) {
         <ModalAddHistory
           open={open}
           setOpen={setOpen}
+          loading={loading}
           changeData={changeData}
+          updateData={updateData}
         />
       </Head>
-      {data.medications.length ? (
+      {family_history.length ? (
         <CustomTable
           zeroRadius={true}
           tableHead={tableHead}
           centerTable={centerTable}
         >
-          {data.family_history.map((row, idx) => (
+          {family_history.map((row, idx) => (
             <ItemHistory
               key={idx}
               row={row}

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

@@ -6,7 +6,7 @@ import Content from "./Content";
 import { useState } from "react";
 import CloseModalD from "@/components/icons/CloseModalD";
 
-function ModalAddHistory({ open, setOpen, changeData }) {
+function ModalAddHistory({ open, setOpen, changeData, loading, updateData }) {
   const contentItem = {
     relation: "",
     disease: "",
@@ -24,7 +24,7 @@ function ModalAddHistory({ open, setOpen, changeData }) {
     <>
       {/* Button Modal */}
       <>
-        <UpdateBtn />
+        <UpdateBtn loading={loading} updateData={updateData} />
         <AddBtn handleOpen={handleOpen} />
       </>