users of list

2026-02-03 11:26:03 +03:30
parent acec9c7d5c
commit 7e30143268
9 changed files with 78 additions and 10 deletions
@@ -0,0 +1,58 @@
+import { useState, type FC } from 'react'
+import { useGetUsers } from './hooks/useUserData'
+import Table from '@/components/Table'
+import moment from 'moment-jalaali'
+
+const UsersList: FC = () => {
+
+    const [page, setPage] = useState<number>(1)
+    const { data } = useGetUsers(page)
+
+    return (
+        <div className='mt-5'>
+            <div className='flex justify-between items-center'>
+                <h1 className='text-lg font-light'>کاربران</h1>
+            </div>
+
+            <Table
+                columns={[
+                    {
+                        key: 'fullName',
+                        title: 'نام و نام خانوادگی',
+                        render: (item) => {
+                            if (item.firstName)
+                                return (
+                                    <div>{item.firstName + ' ' + item.lastName}</div>
+                                )
+                            else return (
+                                <div>{item.phone}</div>
+                            )
+                        }
+                    },
+                    {
+                        key: 'phone',
+                        title: 'موبایل'
+                    },
+                    {
+                        key: 'createdAt',
+                        title: 'تاریخ ثبت نام',
+                        render: (item) => {
+                            return (
+                                <div>{moment(item.createdAt).format('jYYYY-jMM-jDD')}</div>
+                            )
+                        }
+                    },
+                ]}
+                data={data?.data}
+                pagination={{
+                    currentPage: page,
+                    onPageChange: setPage,
+                    totalPages: data?.meta?.totalPages as number
+                }}
+            />
+
+        </div>
+    )
+}
+
+export default UsersList