diff --git a/app/pages/dashboard-users/data.ts b/app/pages/dashboard-users/data.ts index 82c7a5c..bc7cb77 100644 --- a/app/pages/dashboard-users/data.ts +++ b/app/pages/dashboard-users/data.ts @@ -1,6 +1,16 @@ -export const USERS = [ +type TUsers = { + id: number + idTransaction: number + date: string + name: string + email: string + category: string + status: string +} +export const USERS: TUsers[] = [ { id: 1, + idTransaction: 5_512_446_588, date: '24/10/2024', name: 'Ainun Wijaya', email: 'ainun@gmail.com', @@ -9,6 +19,7 @@ export const USERS = [ }, { id: 2, + idTransaction: 5_512_446_588, date: '24/10/2024', name: 'Ainun Wijaya', email: 'ainun@gmail.com', @@ -17,6 +28,7 @@ export const USERS = [ }, { id: 3, + idTransaction: 5_512_446_588, date: '24/10/2024', name: 'Ainun Wijaya', email: 'ainun@gmail.com', @@ -25,6 +37,7 @@ export const USERS = [ }, { id: 4, + idTransaction: 5_512_446_588, date: '24/10/2024', name: 'Ainun Wijaya', email: 'ainun@gmail.com', @@ -33,6 +46,7 @@ export const USERS = [ }, { id: 5, + idTransaction: 5_512_446_588, date: '24/10/2024', name: 'Ainun Wijaya', email: 'ainun@gmail.com', diff --git a/app/pages/dashboard-users/index.tsx b/app/pages/dashboard-users/index.tsx index 738eafd..0053705 100644 --- a/app/pages/dashboard-users/index.tsx +++ b/app/pages/dashboard-users/index.tsx @@ -5,9 +5,9 @@ import { Pagination } from '~/components/ui/pagination' import { USERS } from './data' -export const UsersPage = () => { - type TColorBadge = 'Baru' | 'Premium' | 'Pembayaran' +type TColorBadge = 'Baru' | 'Premium' | 'Pembayaran' +export const UsersPage = () => { const getStatusBadge = (status: TColorBadge) => { const statusColors = { Baru: 'bg-[#DFE5FF] text-[#4C5CA0]', @@ -80,7 +80,9 @@ export const UsersPage = () => { {user.date} {user.name} -
id: 5512446588
+
+ id: {user.idTransaction} +
{user.email} {user.category}