design dashboard comments & messages & modals

components/dashboard/userAccount/tabs/turns/List.js

@@ -3,7 +3,7 @@ import ArrowLeftBlueD from '@/components/icons/ArrowLeftBlueD'
 import { Button, TableCell, TableRow } from '@mui/material'
 import Image from 'next/image'
 
-function List({ user }) {
+function List({ user, setIsTurnsDetails }) {
 
     const tableHead = ['ردیف', 'نام پزشک', 'تخصص', 'تاریخ', 'ساعت', 'مبلغ (تومان)', 'عملیات']
     const centerTable = [0, 5];
@@ -39,6 +39,7 @@ function List({ user }) {
                         <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]'
+                                onClick={() => setIsTurnsDetails(true)}
                                 variant='text'
                             >
                                 مشاهده جزئیات