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

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

@@ -4,7 +4,9 @@ import { useState } from "react";
 import ItemAllergie from "./ItemAllergie";
 import ModalAddAlergie from "./modal";
 
-function Allergies({ data, changeData }) {
+function Allergies({ data, changeData, updateData, loading }) {
+  const { other } = data;
+  const { allergies } = other && other[0];
   const tableHead = ["ردیف", "ماده آلرژی‌زا", "واکنش", "شدت", ""];
   const centerTable = [0];
   const [open, setOpen] = useState(false);
@@ -15,16 +17,18 @@ function Allergies({ data, changeData }) {
         <ModalAddAlergie
           open={open}
           setOpen={setOpen}
+          loading={loading}
+          updateData={updateData}
           changeData={changeData}
         />
       </Head>
-      {data.allergies.length ? (
+      {allergies.length ? (
         <CustomTable
           zeroRadius={true}
           tableHead={tableHead}
           centerTable={centerTable}
         >
-          {data.allergies.map((row, idx) => (
+          {allergies.map((row, idx) => (
             <ItemAllergie
               key={idx}
               row={row}