check responsive & page dashboard user account & turns & transactions & comments

2024-09-03 03:04:55 +03:30
parent bb154ac63f
commit 13cc7796c3
55 changed files with 1887 additions and 92 deletions
@@ -0,0 +1,22 @@
+import { Button } from '@mui/material'
+
+function Head() {
+    return (
+        <div className="flex items-center justify-start gap-[32px] mt-[30px]">
+            <Button
+                className='!py-[8px] !shadow-none !px-[12px] !text-[#EFEFEF] !text-[16px] !font-medium'
+                variant='contained'
+            >
+                نوبت های جاری
+            </Button>
+            <Button
+                className='!py-[8px] !shadow-none !px-[12px] !text-[#5559CE] !text-[16px] !font-medium'
+                variant='outlined'
+            >
+                نوبت های انجام شده
+            </Button>
+        </div>
+    )
+}
+
+export default Head
@@ -0,0 +1,55 @@
+import CustomTable from '@/app/component/CustomTable';
+import ArrowLeftBlueD from '@/components/icons/ArrowLeftBlueD'
+import { Button, TableCell, TableRow } from '@mui/material'
+import Image from 'next/image'
+
+function List({ user }) {
+
+    const tableHead = ['ردیف', 'نام پزشک', 'تخصص', 'تاریخ', 'ساعت', 'مبلغ (تومان)', 'عملیات']
+    const centerTable = [0, 5];
+
+
+    return (
+        <div className='!mt-[24px]'>
+            <CustomTable
+                tableHead={tableHead}
+                centerTable={centerTable}
+            >
+                {user.turns.map((row, idx) => (
+                    <TableRow
+                        key={idx}
+                        className='!border-0 !border-b !border-[#DBDBDB]'
+                    >
+                        <TableCell className='!pr-[18px] !text-nowrap' align="center">{idx + 1}</TableCell>
+                        <TableCell className='!pr-[18px] !text-nowrap' component="th" scope="row">
+                            <div className='flex items-center justify-start gap-[8px] !text-nowrap'>
+                                <Image
+                                    src={row.image}
+                                    alt='doctor'
+                                    height={32}
+                                    width={32}
+                                />
+                                {row.name}
+                            </div>
+                        </TableCell>
+                        <TableCell className='!text-start !pr-[18px] !text-nowrap' align="right">{row.expertise}</TableCell>
+                        <TableCell className='!text-start !pr-[18px] !text-nowrap' align="right">{row.date}</TableCell>
+                        <TableCell className='!text-center !pr-[18px] !text-nowrap' align="right">{row.time}</TableCell>
+                        <TableCell className='!text-center !pr-[18px] !text-nowrap' align="right">{row.amount}</TableCell>
+                        <TableCell className='!pr-[18px] !text-nowrap' align="right">
+                            <Button
+                                className='!flex !p-1 !items-center !justify-start !gap-[4px] !text-[14px] !font-bold !text-[#5559CE]'
+                                variant='text'
+                            >
+                                مشاهده جزئیات
+                                <ArrowLeftBlueD />
+                            </Button>
+                        </TableCell>
+                    </TableRow>
+                ))}
+            </CustomTable>
+        </div>
+    )
+}
+
+export default List
@@ -0,0 +1,14 @@
+import Head from "./Head";
+import List from "./List";
+
+function Turns({ user }) {
+    return (
+        <div className="opacity-page">
+            <p className="text-[#3B3B3B] text-[16px] font-bold">تاریخچه نوبت ها</p>
+            <Head />
+            <List user={user} />
+        </div>
+    )
+}
+
+export default Turns