restaurant list + fix build

2025-12-29 14:49:55 +03:30
parent fe07425d7e
commit 8bdd838ddc
12 changed files with 205 additions and 7 deletions
@@ -0,0 +1,109 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useGetRestaurants } from '../hooks/useIconData'
+import PageLoading from '../../../components/PageLoading'
+import Td from '../../../components/Td'
+import { RestaurantType } from '../types/Types'
+import moment from 'moment-jalaali'
+import { Copy } from 'iconsax-react'
+import { toast } from 'react-toastify'
+
+const RestaurantsList: FC = () => {
+
+    const { t } = useTranslation('global')
+    const { data: restaurants, isLoading } = useGetRestaurants()
+
+    const restaurantsList = (restaurants as { data?: RestaurantType[] })?.data || []
+
+    const handleCopyAddress = async (address: string | null) => {
+        if (!address) return
+
+        try {
+            await navigator.clipboard.writeText(address)
+            toast.success('کپی شد')
+        } catch {
+            toast.error('خطا در کپی کردن')
+        }
+    }
+
+    return (
+        <div className='mt-4'>
+            <div className='flex w-full justify-between items-center'>
+                <div>
+                    {t('restaurant.list_restaurant')}
+                </div>
+            </div>
+
+            {
+                isLoading ?
+                    <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('restaurant.name')} />
+                                    <Td text={t('restaurant.phone')} />
+                                    <Td text={t('restaurant.address')} />
+                                    <Td text={t('restaurant.domain')} />
+                                    <Td text={t('restaurant.plan')} />
+                                    <Td text={t('restaurant.status')} />
+                                    <Td text={t('restaurant.created_at')} />
+                                    <Td text={''} />
+                                </tr>
+                            </thead>
+                            <tbody>
+                                {
+                                    restaurantsList.map((item: RestaurantType) => {
+                                        return (
+                                            <tr key={item.id} className='tr'>
+                                                <Td text={item.name} />
+                                                <Td text={item.phone || '-'} />
+                                                <Td text={''}>
+                                                    <div className='flex items-center gap-2'>
+                                                        <span>{item.address || '-'}</span>
+                                                        {item.address && (
+                                                            <Copy
+                                                                size={18}
+                                                                color='#8C90A3'
+                                                                className='cursor-pointer hover:text-primary transition-colors'
+                                                                onClick={() => handleCopyAddress(item.address)}
+                                                            />
+                                                        )}
+                                                    </div>
+                                                </Td>
+                                                <Td text={item.domain || '-'} />
+                                                <Td text={item.plan || '-'} />
+                                                <Td text={''}>
+                                                    <div className={`w-fit px-3 py-1 rounded-2xl text-xs ${item.isActive
+                                                        ? 'bg-green-100 text-green-700'
+                                                        : 'bg-red-100 text-red-700'
+                                                        }`}>
+                                                        {item.isActive ? t('restaurant.active') : t('restaurant.inactive')}
+                                                    </div>
+                                                </Td>
+                                                <Td text={''}>
+                                                    <div className='dltr text-right'>
+                                                        {moment(item.createdAt).format('jYYYY-jMM-jDD HH:mm')}
+                                                    </div>
+                                                </Td>
+                                                <Td text={''} />
+                                            </tr>
+                                        )
+                                    })
+                                }
+                            </tbody>
+                        </table>
+
+                        {restaurantsList.length === 0 && (
+                            <div className="text-center py-12">
+                                <div className="text-gray-500 text-lg">هیچ رستورانی یافت نشد</div>
+                            </div>
+                        )}
+                    </div>
+            }
+        </div>
+    )
+}
+
+export default RestaurantsList