change fields component & handle edit, delete, add data and save & change functional page doctor

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

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