receip

src/pages/receipts/Detail.tsx

@@ -0,0 +1,23 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+
+const ReceiptsDetail: FC = () => {
+
+    const { t } = useTranslation('global')
+
+    return (
+        <div className='mt-4'>
+            <div>
+                {t('receip.detail_account')}
+                ۱۲۳۱۲
+            </div>
+
+            <div className='flex mt-8 gap-6'>
+
+            </div>
+
+        </div>
+    )
+}
+
+export default ReceiptsDetail

src/pages/receipts/List.tsx

@@ -1,8 +1,10 @@
 import { FC, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Tabs from '../../components/Tabs'
-import { Calendar, CloseCircle, FolderOpen, MoneyChange, WalletCheck, WalletRemove, WalletSearch } from 'iconsax-react'
+import { Calendar, CloseCircle, Eye, FolderOpen, MoneyChange, WalletCheck, WalletRemove, WalletSearch } from 'iconsax-react'
 import Td from '../../components/Td'
+import { Link } from 'react-router-dom'
+import { Pages } from '../../config/Pages'
 
 const ReceiptsList: FC = () => {
 
@@ -82,7 +84,11 @@ const ReceiptsList: FC = () => {
                             <Td text={t('ticket.status')} />
                             <Td text={t('ticket.priority')} />
                             <Td text={t('ticket.detail')} />
-                            <Td text={''} />
+                            <Td text={''}>
+                                <Link to={Pages.receipts.detail + '1'}>
+                                    <Eye size={20} color='black' />
+                                </Link>
+                            </Td>
                         </tr>
                         <tr className='tr'>
                             <Td text={t('ticket.number')} />