change response file & request get user-profile & change design dashboard page & handle limit page dashboard

2025-05-31 03:35:23 +03:30
parent 0969eca274
commit 80c74361eb
38 changed files with 233 additions and 121 deletions
@@ -0,0 +1,58 @@
+import CustomTable from "@/app/component/CustomTable";
+import TextLoading from "@/app/component/loading/Text";
+import { Switch, TableCell, TableRow } from "@mui/material";
+import Head from "@/components/dashboard/userAccount/components/Head";
+import UpdateBtn from "@/components/dashboard/userAccount/components/UpdateBtn";
+
+function Disease({ data, changeData }) {
+  const tableHead = ["ردیف", "اسم", "وضعیت", ""];
+  const centerTable = [0];
+
+  return (
+    <div className="opacity-page">
+      <Head text="لیست بیماری ها" add={false}>
+        <UpdateBtn />
+      </Head>
+      <CustomTable
+        zeroRadius={true}
+        tableHead={tableHead}
+        centerTable={centerTable}
+      >
+        {data.disease.map((row, idx) => (
+          <TableRow
+            key={idx}
+            className="!border-0 !border-b !border-[#DBDBDB] dark:!border-transparent"
+          >
+            <TableCell
+              className="!pr-[18px] dark:!border-transparent !text-[#616161] dark:!text-[#A1A1A1] !text-[16px] !font-medium !text-nowrap"
+              align="center"
+            >
+              <TextLoading width={15} height={18} loading={false}>
+                {idx + 1}
+              </TextLoading>
+            </TableCell>
+            <TableCell className="!pr-[18px] dark:!border-transparent !text-[#616161] dark:!text-[#A1A1A1] !text-[16px] !font-medium !text-nowrap">
+              <TextLoading width={15} height={18} loading={false}>
+                {row.name}
+              </TextLoading>
+            </TableCell>
+            <TableCell className="!pr-[18px] dark:!border-transparent !text-[#616161] dark:!text-[#A1A1A1] !text-[16px] !font-medium !text-nowrap">
+              <TextLoading width={15} height={18} loading={false}>
+                <Switch
+                  defaultChecked={row.status === "true"}
+                  onChange={(e) => {
+                    const newData = row;
+                    newData.status = JSON.stringify(e.target.checked);
+                    changeData("update", "disease", idx, newData);
+                  }}
+                />
+              </TextLoading>
+            </TableCell>
+          </TableRow>
+        ))}
+      </CustomTable>
+    </div>
+  );
+}
+
+export default Disease;