45 lines
929 B
TypeScript
45 lines
929 B
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import { GridColDef } from "@mui/x-data-grid-pro";
|
||
|
|
import { List } from "@/app/_components/List";
|
||
|
|
|
||
|
|
export default function Page() {
|
||
|
|
const columns: GridColDef[] = [
|
||
|
|
{
|
||
|
|
field: "id",
|
||
|
|
headerName: "ID",
|
||
|
|
flex: 1,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: "phoneNumber",
|
||
|
|
headerName: "Phone Number",
|
||
|
|
flex: 2,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: "createdAt",
|
||
|
|
headerName: "Created At",
|
||
|
|
valueGetter: (params: any) =>
|
||
|
|
new Date(params.row?.createdAt).toLocaleString(),
|
||
|
|
flex: 1,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: "updatedAt",
|
||
|
|
headerName: "Updated At",
|
||
|
|
valueGetter: (params: any) =>
|
||
|
|
new Date(params.row?.updatedAt).toLocaleString(),
|
||
|
|
flex: 1,
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
const rows = [
|
||
|
|
{
|
||
|
|
id: 10,
|
||
|
|
phoneNumber: "1234567890",
|
||
|
|
createdAt: new Date(),
|
||
|
|
updatedAt: new Date(),
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
return <List title="Users" entity="users" rows={rows} columns={columns} />;
|
||
|
|
}
|