messages

2025-01-26 08:57:06 +03:30
parent be994782da
commit bfb9f3cbcb
6 changed files with 107 additions and 11 deletions
@@ -0,0 +1,82 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import Td from '../../components/Td'
+import { Link } from 'react-router-dom'
+import { Pages } from '../../config/Pages'
+import { Eye } from 'iconsax-react'
+import DatePickerComponent from '../../components/DatePicker'
+import Input from '../../components/Input'
+
+const MessagesList: FC = () => {
+
+    const { t } = useTranslation('global')
+
+    return (
+        <div className='mt-4'>
+            <div>
+                {t('messages.messages_list')}
+            </div>
+
+            <div className='mt-6 flex justify-between items-center'>
+                <div>
+                    <DatePickerComponent
+                        onChange={() => { }}
+                        placeholder={t('messages.submit_date')}
+                    />
+                </div>
+
+                <div>
+                    <Input
+                        placeholder={t('search')}
+                        variant='search'
+                        className='bg-white border'
+                    />
+                </div>
+
+            </div>
+
+            <div className='relative overflow-x-auto rounded-3xl mt-9 w-full'>
+                <table className='w-full text-sm '>
+                    <thead className='thead'>
+                        <tr>
+                            <Td text={t('messages.number')} />
+                            <Td text={t('messages.fullName')} />
+                            <Td text={t('messages.email')} />
+                            <Td text={t('messages.subject')} />
+                            <Td text={t('messages.date')} />
+                            <Td text={''} />
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr className='tr'>
+                            <Td text={'۱۲۳۳۴'} />
+                            <Td text={'سیما فرهادی'} />
+                            <Td text={'info@example.com'} />
+                            <Td text={'لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ'} />
+                            <Td text={'(۲۰۲۴-۱۱-۱) ۱۴۰۳/۰۹/۰۱'} />
+                            <Td text={''}>
+                                <Link to={Pages.messages.detail + '1'}>
+                                    <Eye size={20} color='black' />
+                                </Link>
+                            </Td>
+                        </tr>
+                        <tr className='tr'>
+                            <Td text={'۱۲۳۳۴'} />
+                            <Td text={'سیما فرهادی'} />
+                            <Td text={'info@example.com'} />
+                            <Td text={'لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ'} />
+                            <Td text={'(۲۰۲۴-۱۱-۱) ۱۴۰۳/۰۹/۰۱'} />
+                            <Td text={''}>
+                                <Link to={Pages.messages.detail + '1'}>
+                                    <Eye size={20} color='black' />
+                                </Link>
+                            </Td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    )
+}
+
+export default MessagesList