sarlink/sarlink-portal
7
0
Fork 0
mirror of https://github.com/i701/sarlink-portal.git synced 2025-07-01 15:23:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(devices): add proper filter handling and update shadcn 🔨

Browse Source
This commit is contained in:
i701
2025-06-26 18:42:48 +05:00
parent 6aea54884d
commit 59adaaf281
46 changed files with 9472 additions and 1055 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
components/devices-table.tsx
View File

@ -23,21 +23,30 @@ export async function DevicesTable({
parentalControl,
}: {
searchParams: Promise<{
query: string;
page: number;
[key: string]: unknown;
}>;
parentalControl?: boolean;
}) {
const resolvedParams = await searchParams;
const session = await getServerSession(authOptions);
const isAdmin = session?.user?.is_superuser;
const query = (await searchParams)?.query || "";
const page = (await searchParams)?.page || 1;
const limit = 10; // Items per page
const offset = (page - 1) * limit; // Calculate offset based on page
const page = Number.parseInt(resolvedParams.page as string) || 1;
const limit = 10;
const offset = (page - 1) * limit;
// Build params object for getDevices
const apiParams: Record<string, string | number | undefined> = {};
for (const [key, value] of Object.entries(resolvedParams)) {
if (value !== undefined && value !== "") {
apiParams[key] = typeof value === "number" ? value : String(value);
}
}
apiParams.limit = limit;
apiParams.offset = offset;
const [error, devices] = await tryCatch(
getDevices({ query: query, limit: limit, offset: offset }),
getDevices(apiParams),
);
if (error) {
if (error.message === "UNAUTHORIZED") {
@ -50,8 +59,8 @@ export async function DevicesTable({
return (
<div>
{data?.length === 0 ? (
<div className="h-[calc(100svh-400px)] flex flex-col items-center justify-center my-4">
<h3>No devices yet.</h3>
<div className="h-[calc(100svh-400px)] text-muted-foreground flex flex-col items-center justify-center my-4">
<h3>No devices.</h3>
</div>
) : (
<>
@ -78,17 +87,17 @@ export async function DevicesTable({
</TableBody>
<TableFooter>
<TableRow>
<TableCell colSpan={3}>
{query?.length > 0 && (
<p className="text-sm text-muted-foreground">
Showing {meta?.total} devices for &quot;{query}
&quot;
<TableCell colSpan={4} className="text-muted-foreground">
{meta?.total === 1 ? (
<p className="text-center">
Total {meta?.total} device.
</p>
) : (
<p className="text-center">
Total {meta?.total} devices.
</p>
)}
</TableCell>
<TableCell className="text-muted-foreground">
{meta?.total} devices
</TableCell>
</TableRow>
</TableFooter>
</Table>
@ -107,7 +116,8 @@ export async function DevicesTable({
currentPage={meta?.current_page}
/>
</>
)}
</div>
)
}
</div >
);
}