refactor: add tryCatch utility for error handling, update device-related components and types, and clean up unused code in payment actions

components/devices-table.tsx

@@ -9,6 +9,8 @@ import {
 	TableHeader,
 	TableRow,
 } from "@/components/ui/table";
+import { getDevices } from "@/queries/devices";
+import { tryCatch } from "@/utils/tryCatch";
 import { getServerSession } from "next-auth";
 import ClickableRow from "./clickable-row";
 import DeviceCard from "./device-card";
@@ -26,86 +28,17 @@ export async function DevicesTable({
 	parentalControl?: boolean;
 }) {
 	const session = await getServerSession(authOptions);
-	const isAdmin = session?.user;
+	const isAdmin = session?.user?.is_superuser;
 	const query = (await searchParams)?.query || "";
-	const page = (await searchParams)?.page;
-	const sortBy = (await searchParams)?.sortBy || "asc";
-	// const totalDevices = await prisma.device.count({
-	// 	where: {
-	// 		userId: isAdmin ? undefined : session?.session.userId,
-	// 		OR: [
-	// 			{
-	// 				name: {
-	// 					contains: query || "",
-	// 					mode: "insensitive",
-	// 				},
-	// 			},
-	// 			{
-	// 				mac: {
-	// 					contains: query || "",
-	// 					mode: "insensitive",
-	// 				},
-	// 			},
-	// 		],
-	// 		NOT: {
-	// 			payments: {
-	// 				some: {
-	// 					paid: false,
-	// 				},
-	// 			},
-	// 		},
-	// 		isActive: isAdmin ? undefined : parentalControl,
-	// 		blocked: isAdmin
-	// 			? undefined
-	// 			: parentalControl !== undefined
-	// 				? undefined
-	// 				: false,
-	// 	},
-	// });
 
-	// const totalPages = Math.ceil(totalDevices / 10);
-	const limit = 10;
-	const offset = (Number(page) - 1) * limit || 0;
-
-	// const devices = await prisma.device.findMany({
-	// 	where: {
-	// 		userId: session?.session.userId,
-	// 		OR: [
-	// 			{
-	// 				name: {
-	// 					contains: query || "",
-	// 					mode: "insensitive",
-	// 				},
-	// 			},
-	// 			{
-	// 				mac: {
-	// 					contains: query || "",
-	// 					mode: "insensitive",
-	// 				},
-	// 			},
-	// 		],
-	// 		NOT: {
-	// 			payments: {
-	// 				some: {
-	// 					paid: false,
-	// 				},
-	// 			},
-	// 		},
-	// 		isActive: parentalControl,
-	// 		blocked: parentalControl !== undefined ? undefined : false,
-	// 	},
-
-	// 	skip: offset,
-	// 	take: limit,
-	// 	orderBy: {
-	// 		name: `${sortBy}` as "asc" | "desc",
-	// 	},
-	// });
-
-	return null;
+	const [error, devices] = await tryCatch(getDevices({ query: query }));
+	if (error) {
+		return <pre>{JSON.stringify(error, null, 2)}</pre>;
+	}
+	const { meta, links, data } = devices;
 	return (
 		<div>
-			{devices.length === 0 ? (
+			{data.length === 0 ? (
 				<div className="h-[calc(100svh-400px)] flex flex-col items-center justify-center my-4">
 					<h3>No devices yet.</h3>
 				</div>
@@ -122,7 +55,7 @@ export async function DevicesTable({
 								</TableRow>
 							</TableHeader>
 							<TableBody className="overflow-scroll">
-								{devices.map((device) => (
+								{data.map((device) => (
 									// <TableRow key={device.id}>
 									// 	<TableCell>
 									// 		<div className="flex flex-col items-start">
@@ -173,21 +106,25 @@ export async function DevicesTable({
 									<TableCell colSpan={2}>
 										{query.length > 0 && (
 											<p className="text-sm text-muted-foreground">
-												Showing {devices.length} locations for &quot;{query}
+												Showing {meta.total} locations for &quot;{query}
 												&quot;
 											</p>
 										)}
 									</TableCell>
 									<TableCell className="text-muted-foreground">
-										{totalDevices} devices
+										{meta.total} devices
 									</TableCell>
 								</TableRow>
 							</TableFooter>
 						</Table>
-						<Pagination totalPages={totalPages} currentPage={page} />
+						<Pagination
+							totalPages={meta.total / meta.per_page}
+							currentPage={meta.current_page}
+						/>
+						<pre>{JSON.stringify(meta, null, 2)}</pre>
 					</div>
 					<div className="sm:hidden my-4">
-						{devices.map((device) => (
+						{data.map((device) => (
 							<DeviceCard
 								parentalControl={parentalControl}
 								key={device.id}