danak/danak-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix warnings from components

Browse Source
This commit is contained in:
HAM!DREZA
2025-01-21 16:36:43 +03:30
parent a930bf3324
commit fbf6a768bf
10 changed files with 219 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/blog/BlogCategory.tsx
+147
View File
@@ -0,0 +1,147 @@
import { FC } from 'react'
import { useTranslation } from 'react-i18next'
import Select from '../../components/Select'
import Input from '../../components/Input'
import Td from '../../components/Td'
import SwitchComponent from '../../components/Switch'
import { TickSquare, More, TickCircle } from 'iconsax-react'
import "quill/dist/quill.snow.css";
import Button from '../../components/Button'
const BlogCategory: FC = () => {
const { t } = useTranslation('global')
return (
<div className='mt-4'>
<div className='flex justify-start items-center'>
<div>
{t('blog.blog_category')}
</div>
</div>
<div className='flex gap-6 xl:mt-8 mt-4'>
<div className='flex-1'>
<div className='flex items-end w-full justify-between'>
<div className='w-[200px]'>
<Select
items={[
{
label: 'تست',
value: 'active'
}
]}
className='bg-white border'
/>
</div>
<div className='xl:w-[300px] w-full'>
<Input
variant='search'
placeholder={t('ads.search')}
className='bg-white w-full'
/>
</div>
</div>
<div className='bg-white min-h-[calc(100vh-245px)] mt-4 rounded-3xl'>
<div className='relative overflow-x-auto rounded-3xl w-full'>
<table className='w-full text-sm '>
<thead className='thead'>
<tr>
<td className='w-[100px]'>
</td>
<Td text={t('blog.number')} />
<Td text={t('blog.blog_title')} />
<Td text={t('blog.blog_Summary')} />
<Td text={t('blog.category')} />
<Td text={t('blog.shareDate')} />
<Td text={t('blog.status')} />
<Td text={''} />
</tr>
</thead>
<tbody>
<tr className='tr'>
<td>
<div className='flex justify-center'>
<TickSquare size={20} color='black' variant='Bold' />
</div>
</td>
<Td text={t('blog.number')} />
<Td text={t('blog.blog_title')} />
<Td text={t('blog.blog_Summary')} />
<Td text={t('blog.category')} />
<Td text={t('blog.shareDate')} />
<Td text={t('')}>
<SwitchComponent
active={true}
onChange={() => { }}
/>
</Td>
<Td text={''}>
<More size={20} color='black' className='rotate-90' />
</Td>
</tr>
<tr className='tr'>
<td>
<div className='flex justify-center'>
<TickSquare size={20} color='black' variant='Bold' />
</div>
</td>
<Td text={t('blog.number')} />
<Td text={t('blog.blog_title')} />
<Td text={t('blog.blog_Summary')} />
<Td text={t('blog.category')} />
<Td text={t('blog.shareDate')} />
<Td text={t('')}>
<SwitchComponent
active={true}
onChange={() => { }}
/>
</Td>
<Td text={''}>
<More size={20} color='black' className='rotate-90' />
</Td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div className='relative bg-white min-h-[calc(100vh-185px)] w-sidebar xl:block hidden py-10 px-5 h-fit rounded-3xl'>
<p className='text-md'>{t('blog.add_category')}</p>
<div className='text-sm flex items-center justify-between mt-4'>
<p>
{t('blog.category_status')}
</p>
<div className='flex gap-1 text-xs items-center text-description'>
<div>
{t('ads.deactive')}
</div>
<SwitchComponent
active={false}
onChange={() => { }}
/>
</div>
</div>
<p className='mt-6 text-sm'>{t('blog.category_title')}</p>
<div className='mt-6'>
<Input className='-mt-4' />
</div>
<p className='mt-6 text-sm'>{t('blog.parent_category')}</p>
<div className='mt-6'>
<Input className='-mt-4' />
</div>
<Button
className='w-[172px] absolute bottom-4 left-4'
>
<div className='flex gap-2 items-center'>
<TickCircle size={20} color='white' />
<div>
{t('blog.submit')}
</div>
</div>
</Button>
</div>
</div>
</div>
)
}
export default BlogCategory