ticket tab
This commit is contained in:
@@ -12,7 +12,7 @@ import { TicketItemType } from './types/TicketTypes'
|
|||||||
const TicketList: FC = () => {
|
const TicketList: FC = () => {
|
||||||
|
|
||||||
const { t } = useTranslation('global')
|
const { t } = useTranslation('global')
|
||||||
const [activeTab, setActiveTab] = useState<'ANSWERED' | 'PENDING' | 'CLOSED'>('ANSWERED')
|
const [activeTab, setActiveTab] = useState<'ANSWERED' | 'PENDING' | 'CLOSED'>('PENDING')
|
||||||
const getTicket = useGetTickets(activeTab)
|
const getTicket = useGetTickets(activeTab)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -40,16 +40,16 @@ const TicketList: FC = () => {
|
|||||||
<Tabs
|
<Tabs
|
||||||
active={activeTab}
|
active={activeTab}
|
||||||
items={[
|
items={[
|
||||||
{
|
|
||||||
icon: <MessageTick color={activeTab === 'ANSWERED' ? 'black' : '#8C90A3'} size={22} />,
|
|
||||||
label: t('ticket.answered'),
|
|
||||||
value: 'ANSWERED'
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: <MessageTime color={activeTab === 'PENDING' ? 'black' : '#8C90A3'} size={22} />,
|
icon: <MessageTime color={activeTab === 'PENDING' ? 'black' : '#8C90A3'} size={22} />,
|
||||||
label: t('ticket.checking'),
|
label: t('ticket.checking'),
|
||||||
value: 'PENDING'
|
value: 'PENDING'
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
icon: <MessageTick color={activeTab === 'ANSWERED' ? 'black' : '#8C90A3'} size={22} />,
|
||||||
|
label: t('ticket.answered'),
|
||||||
|
value: 'ANSWERED'
|
||||||
|
},
|
||||||
// {
|
// {
|
||||||
// icon: <Message2 color={activeTab === 'wating' ? 'black' : '#8C90A3'} size={22} />,
|
// icon: <Message2 color={activeTab === 'wating' ? 'black' : '#8C90A3'} size={22} />,
|
||||||
// label: t('ticket.wait_answered'),
|
// label: t('ticket.wait_answered'),
|
||||||
|
|||||||
Reference in New Issue
Block a user