Files
dkala-admin/src/pages/review/components/ReviewTableColumns.tsx
T
hamid zarghami 2e6fdedbc2 change texts
2026-02-07 16:22:02 +03:30

105 lines
3.3 KiB
TypeScript

import { Eye, Star1 } from 'iconsax-react'
import type { ColumnType } from '@/components/types/TableTypes'
import type { Review } from '../types/Types'
import { formatOptionalDate } from '@/helpers/func'
import Status from '@/components/Status'
import { Link } from 'react-router-dom'
import { Pages } from '@/config/Pages'
const getStatusVariant = (status: string): 'success' | 'error' | 'warning' | 'info' | 'pending' => {
const variantMap: Record<string, 'success' | 'error' | 'warning' | 'info' | 'pending'> = {
'pending': 'pending',
'approved': 'success',
'rejected': 'error',
}
return variantMap[status] || 'pending'
}
export const getReviewTableColumns = (): ColumnType<Review>[] => {
return [
{
key: 'user',
title: 'کاربر',
render: (item: Review) => {
const name = [item.user.firstName, item.user.lastName].filter(Boolean).join(' ')
return name || '-'
}
},
{
key: 'food',
title: 'کالا',
render: (item: Review) => {
return item.food.title || '-'
}
},
{
key: 'rating',
title: 'امتیاز',
render: (item: Review) => {
return (
<div className="flex items-center gap-1">
<Star1
size={16}
color="black"
variant="Bold"
/>
<div className='mt-1 text-sm'>{item.rating}</div>
</div>
)
}
},
{
key: 'comment',
title: 'نظر',
render: (item: Review) => {
return (
<div className="max-w-xs truncate" title={item.comment}>
{item.comment || '-'}
</div>
)
}
},
{
key: 'status',
title: 'وضعیت',
render: (item: Review) => {
const statusLabels: Record<string, string> = {
'pending': 'در انتظار',
'approved': 'تایید شده',
'rejected': 'رد شده',
}
return (
<Status
variant={getStatusVariant(item.status)}
label={statusLabels[item.status] || item.status}
/>
)
}
},
{
key: 'createdAt',
title: 'تاریخ ثبت',
render: (item: Review) => {
return formatOptionalDate(item.createdAt, {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
})
}
},
{
key: 'details',
title: '',
render: (item: Review) => {
return (
<Link to={Pages.reviews.detail + item.id}>
<Eye size={20} color="#8C90A3" className="cursor-pointer" />
</Link>
)
}
},
]
}