bank crud

2025-02-06 11:22:25 +03:30
parent e0048cb0a1
commit 1e8b542960
11 changed files with 539 additions and 2 deletions
@@ -0,0 +1,84 @@
+import { FC } from 'react'
+import { useGetCardBanks } from './hooks/useCardBankData'
+import PageLoading from '../../components/PageLoading'
+import Td from '../../components/Td'
+import { useTranslation } from 'react-i18next'
+import { CreateBankItemType } from './types/CardBankTypes'
+import { Link } from 'react-router-dom'
+import { Pages } from '../../config/Pages'
+import Button from '../../components/Button'
+import { Add, Eye } from 'iconsax-react'
+
+const CardBankList: FC = () => {
+
+    const { t } = useTranslation('global')
+    const getCardBanks = useGetCardBanks()
+
+    return (
+        <div className='mt-4'>
+
+            <div className='flex w-full justify-between items-center'>
+                <div>
+
+                    {t('cardBank.manage_banks')}
+                </div>
+                <div>
+                    <Link to={Pages.cardBank.create}>
+                        <Button
+                            className='px-5'
+                        >
+                            <div className='flex gap-2'>
+                                <Add
+                                    className='size-5'
+                                    color='#fff'
+                                />
+                                <div>{t('cardBank.add_account')}</div>
+                            </div>
+                        </Button>
+                    </Link>
+                </div>
+            </div>
+            {
+                getCardBanks.isPending ?
+                    <PageLoading />
+                    :
+                    <div className='relative overflow-x-auto rounded-3xl mt-9 w-full'>
+                        <table className='w-full text-sm '>
+                            <thead className='thead'>
+                                <tr>
+                                    <Td text={t('cardBank.account_owner_name')} />
+                                    <Td text={t('cardBank.bank_name')} />
+                                    <Td text={t('cardBank.card_number')} />
+                                    <Td text={t('cardBank.sheba')} />
+                                    <Td text={t('ticket.detail')} />
+                                </tr>
+                            </thead>
+                            <tbody>
+                                {
+                                    getCardBanks.data?.data?.bankAccounts?.map((item: CreateBankItemType) => {
+                                        return (
+                                            <tr key={item.id} className='tr'>
+                                                <Td text={item.accountOwnerName} />
+                                                <Td text={item.bankName} />
+                                                <Td text={item.cardNumber} />
+                                                <Td text={item.IBan} />
+                                                <Td text={''}>
+                                                    <Link to={Pages.cardBank.detail + item.id}>
+                                                        <Eye size={20} color='#8C90A3' />
+                                                    </Link>
+                                                </Td>
+                                            </tr>
+                                        )
+                                    })
+                                }
+
+                            </tbody>
+                        </table>
+
+                    </div>
+            }
+        </div>
+    )
+}
+
+export default CardBankList