announcement and criticisms and wallet and learning and setting

2024-12-31 15:55:30 +03:30
parent 7a5d9d6447
commit bdeb5a11d3
21 changed files with 1303 additions and 9 deletions
@@ -0,0 +1,129 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import Input from '../../components/Input'
+import Select from '../../components/Select'
+import StatusWithText from '../../components/StatusWithText'
+import { clx } from '../../helpers/utils'
+
+const AnnouncementtList: FC = () => {
+
+    const { t } = useTranslation('global')
+
+    return (
+        <div className='mt-4 text-sm'>
+            <div className='text-base'>
+                {t('announcement.announcements')}
+            </div>
+
+            <div className='mt-10 flex gap-8'>
+                <div className='bg-white w-[400px] rounded-2xl p-6'>
+                    <div className='flex gap-3 items-center'>
+                        <div className='flex-1'>
+                            <Input
+                                variant='search'
+                                placeholder={t('announcement.search')}
+                                className='-mt-1'
+                            />
+                        </div>
+
+                        <div>
+                            <Select
+                                items={[
+                                    { value: '1', label: 'همه' },
+                                    { value: '2', label: 'فعال' },
+                                    { value: '3', label: 'غیر فعال' },
+                                ]}
+                                className='bg-[#EEF0F7] w-[68px]'
+                            />
+                        </div>
+                    </div>
+
+                    <div className='mt-8'>
+                        <div className={clx(
+                            'p-4 rounded-2xl',
+                            'bg-[#F8F9FB]'
+                        )}>
+                            <div className='flex justify-between'>
+                                <div className='leading-6 max-w-[70%]'>
+                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
+                                </div>
+
+                                <div className='flex gap-1'>
+                                    <StatusWithText
+                                        variant='error'
+                                        text={t('announcement.important')}
+                                    />
+                                    <StatusWithText
+                                        variant='success'
+                                        text={t('announcement.new')}
+                                    />
+                                </div>
+                            </div>
+
+                            <div className='m-2 flex justify-between items-center text-[11px]'>
+                                <div className='max-w-[70%] truncate '>
+                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
+                                </div>
+                                <div className='text-description'>
+                                    ۱۴۰۳/۰۹/۲۴
+                                </div>
+                            </div>
+                        </div>
+                        <div className={clx(
+                            'p-4 rounded-2xl',
+                        )}>
+                            <div className='flex justify-between'>
+                                <div className='leading-6 max-w-[70%]'>
+                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
+                                </div>
+
+                                <div className='flex gap-1'>
+                                    <StatusWithText
+                                        variant='error'
+                                        text={t('announcement.important')}
+                                    />
+                                    <StatusWithText
+                                        variant='success'
+                                        text={t('announcement.new')}
+                                    />
+                                </div>
+                            </div>
+
+                            <div className='m-2 flex justify-between items-center text-[11px]'>
+                                <div className='max-w-[70%] truncate '>
+                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
+                                </div>
+                                <div className='text-description'>
+                                    ۱۴۰۳/۰۹/۲۴
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div className='flex-1 bg-white py-7 px-5 rounded-2xl'>
+                    <div className='flex justify-between items-center'>
+                        <div className='text-lg'>
+                            متن اطلاعیه
+                        </div>
+                        <StatusWithText
+                            variant='success'
+                            text={t('announcement.new')}
+                        />
+                    </div>
+
+                    <div className='mt-8'>
+                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
+                    </div>
+
+                    <div className='mt-5 leading-7 text-xs font-light'>
+                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    )
+}
+
+export default AnnouncementtList