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>