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

crud discount admin

Browse Source
This commit is contained in:
hamid zarghami
2025-04-20 12:13:38 +03:30
parent 8d727d52c4
commit a946d7f6e9
8 changed files with 381 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/discounts/DiscountsList.tsx
+37 -10
View File
@@ -1,23 +1,38 @@
import { FC, useState } from 'react'
import { useTranslation } from 'react-i18next'
import Button from '../../components/Button'
import { Add } from 'iconsax-react'
import { Add, Edit, Trash } from 'iconsax-react'
import Td from '../../components/Td'
import { Link } from 'react-router-dom'
import { Pages } from '../../config/Pages'
import Input from '../../components/Input'
import { useGetDiscounts } from './hooks/useDiscountData'
import { useGetDiscounts, useDeleteDiscount } from './hooks/useDiscountData'
import { DiscountItemType } from './types/DiscountTypes'
import moment from 'moment-jalaali'
import ToggleStatusDiscount from './components/ToggleStatusDiscount'
import PageLoading from '../../components/PageLoading'
import { NumberFormat } from '../../config/func'
import { toast } from 'react-toastify'
import { ErrorType } from '../../helpers/types'
const DiscountList: FC = () => {
const { t } = useTranslation('global')
const [search, setSearch] = useState<string>('')
const getDiscounts = useGetDiscounts(search)
const deleteDiscount = useDeleteDiscount()
const handleDelete = (id: string) => {
deleteDiscount.mutate(id, {
onSuccess: () => {
getDiscounts.refetch()
toast.success(t('success'))
},
onError: (error: ErrorType) => {
toast.error(error.response?.data?.error.message[0])
}
})
}
return (
<div className='mt-4 min-h-[500px]'>
<div className='flex justify-between items-center'>
@@ -68,36 +83,48 @@ const DiscountList: FC = () => {
<table className='w-full text-sm '>
<thead className='thead'>
<tr>
<Td text={t('discount.number')} />
<Td text={t('discount.user')} />
<Td text={t('discount.title')} />
<Td text={t('discount.type')} />
<Td text={t('discount.code')} />
<Td text={t('discount.startDate')} />
<Td text={t('discount.endDate')} />
<Td text={t('discount.price_or_percent')} />
<Td text={t('discount.plan')} />
<Td text={t('discount.status')} />
<Td text={t('')} />
</tr>
</thead>
<tbody>
{
getDiscounts.data?.data?.discounts?.map((item: DiscountItemType, index: number) => {
getDiscounts.data?.data?.discounts?.map((item: DiscountItemType) => {
return (
<tr key={item.id} className='tr'>
<Td text={String(index + 1)} />
<Td text={item.users[0] ? item.users[0].firstName + ' ' + item.users[0].lastName : ''} />
<Td text={item.title} />
<Td text={t(`discount.${item.type}`)} />
<Td text={item.code} />
<Td text={moment(item.startDate, 'jYYYY-jMM-jDD').format('jYYYY-jMM-jDD')} />
<Td text={moment(item.endDate, 'jYYYY-jMM-jDD').format('jYYYY-jMM-jDD')} />
<Td text={String(item.amount)} />
<Td text={item.subscriptionPlans[0].name} />
<Td text={NumberFormat(+item.value)} />
<Td text={t('')}>
<ToggleStatusDiscount
defaultActive={item.isActive}
id={item.id}
/>
</Td>
<Td text={t('')}>
<div className='flex gap-2 items-center'>
<Link
to={Pages.discount.detail + item.id}
>
<Edit size={20} color='#888888' />
</Link>
<Trash
size={20}
color='#888888'
onClick={() => handleDelete(item.id)}
/>
</div>
</Td>
</tr>
)
})