Added customer list, coupon list and started working on purchase list

frontend/src/pages/users/components/users-table.tsx

@@ -12,7 +12,7 @@ import {
 	getFilteredRowModel,
 	getPaginationRowModel,
 	getSortedRowModel,
-	useReactTable
+	useReactTable,
 } from "@tanstack/react-table";
 import {
 	Table,
@@ -20,7 +20,7 @@ import {
 	TableCell,
 	TableHead,
 	TableHeader,
-	TableRow
+	TableRow,
 } from "@/components/ui/table";
 import { User } from "../data/schema";
 import { DataTablePagination } from "./data-table-pagination";
@@ -51,7 +51,7 @@ export function UsersTable({ columns, data }: DataTableProps) {
 			sorting,
 			columnVisibility,
 			rowSelection,
-			columnFilters
+			columnFilters,
 		},
 		enableRowSelection: true,
 		onRowSelectionChange: setRowSelection,
@@ -63,7 +63,7 @@ export function UsersTable({ columns, data }: DataTableProps) {
 		getPaginationRowModel: getPaginationRowModel(),
 		getSortedRowModel: getSortedRowModel(),
 		getFacetedRowModel: getFacetedRowModel(),
-		getFacetedUniqueValues: getFacetedUniqueValues()
+		getFacetedUniqueValues: getFacetedUniqueValues(),
 	});
 
 	return (
@@ -79,12 +79,13 @@ export function UsersTable({ columns, data }: DataTableProps) {
 										<TableHead
 											key={header.id}
 											colSpan={header.colSpan}
-											className={header.column.columnDef.meta?.className ?? ""}>
+											className={header.column.columnDef.meta?.className ?? ""}
+										>
 											{header.isPlaceholder
 												? null
 												: flexRender(
 														header.column.columnDef.header,
-														header.getContext()
+														header.getContext(),
 													)}
 										</TableHead>
 									);
@@ -98,14 +99,16 @@ export function UsersTable({ columns, data }: DataTableProps) {
 								<TableRow
 									key={row.id}
 									data-state={row.getIsSelected() && "selected"}
-									className="group/row">
+									className="group/row"
+								>
 									{row.getVisibleCells().map((cell) => (
 										<TableCell
 											key={cell.id}
-											className={cell.column.columnDef.meta?.className ?? ""}>
+											className={cell.column.columnDef.meta?.className ?? ""}
+										>
 											{flexRender(
 												cell.column.columnDef.cell,
-												cell.getContext()
+												cell.getContext(),
 											)}
 										</TableCell>
 									))}
@@ -115,7 +118,8 @@ export function UsersTable({ columns, data }: DataTableProps) {
 							<TableRow>
 								<TableCell
 									colSpan={columns.length}
-									className="h-24 text-center">
+									className="h-24 text-center"
+								>
 									No results.
 								</TableCell>
 							</TableRow>