79 lines
2.7 KiB
JavaScript
79 lines
2.7 KiB
JavaScript
import ModalDeleteItem from "@/components/dashboard/userAccount/components/modal/ModalDeleteItem";
|
|
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 { useEffect, useState } from "react";
|
|
|
|
function ItemSurgeries({ row, idx, changeData }) {
|
|
const contentData = {
|
|
type: row.type,
|
|
year: row.year,
|
|
hospital: row.hospital,
|
|
};
|
|
const [data, setData] = useState(contentData);
|
|
const resetData = () => setData(contentData);
|
|
|
|
useEffect(() => {
|
|
setData({
|
|
type: row.type,
|
|
year: row.year,
|
|
hospital: row.hospital,
|
|
});
|
|
}, [row]);
|
|
|
|
return (
|
|
<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.type}
|
|
</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.hospital}
|
|
</TextLoading>
|
|
</TableCell>
|
|
<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}>
|
|
{row.year}
|
|
</TextLoading>
|
|
</TableCell>
|
|
<TableCell
|
|
className="!pr-[18px] dark:!border-transparent !text-[#616161] dark:!text-[#A1A1A1] !text-[16px] !font-medium !text-nowrap"
|
|
align="right"
|
|
>
|
|
<div className="flex items-center justify-center gap-[4px]">
|
|
<ModalDeleteItem id={idx} name="surgeries" changeData={changeData} />
|
|
<ModalEditItem
|
|
id={idx}
|
|
data={data}
|
|
title="جراحی"
|
|
name="surgeries"
|
|
resetData={resetData}
|
|
changeData={changeData}
|
|
>
|
|
<Content data={data} setData={setData} />
|
|
</ModalEditItem>
|
|
</div>
|
|
</TableCell>
|
|
</TableRow>
|
|
);
|
|
}
|
|
|
|
export default ItemSurgeries;
|