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

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

@@ -4,7 +4,9 @@ import { useState } from "react";
 import ItemSurgeries from "./ItemSurgeries";
 import ModalAddSurgeries from "./modal";
 
-function Surgeries({ data, changeData }) {
+function Surgeries({ data, changeData, loading, updateData }) {
+  const { other } = data;
+  const { surgeries } = other && other[0];
   const tableHead = [
     "ردیف",
     "نوع جراحی",
@@ -21,16 +23,18 @@ function Surgeries({ data, changeData }) {
         <ModalAddSurgeries
           open={open}
           setOpen={setOpen}
+          loading={loading}
+          updateData={updateData}
           changeData={changeData}
         />
       </Head>
-      {data.surgeries.length ? (
+      {surgeries.length ? (
         <CustomTable
           zeroRadius={true}
           tableHead={tableHead}
           centerTable={centerTable}
         >
-          {data.surgeries.map((row, idx) => (
+          {surgeries.map((row, idx) => (
             <ItemSurgeries
               key={idx}
               row={row}