mirror of
https://github.com/i701/sarlink-portal.git
synced 2025-02-23 05:42:01 +00:00
i701
b91f34b6b1
- Updated the title and description in layout.tsx to reflect the new application name. - Replaced the background color in globals.css with a background image for the title section. - Enhanced the Devices and UserDevices pages by adding search and filter components for improved user interaction. - Introduced a new DevicesTable component for displaying device data with pagination. - Updated the Users page to improve layout and added a filter for user status. - Made various UI adjustments across components for better consistency and usability.
38 lines
829 B
TypeScript
38 lines
829 B
TypeScript
import { DevicesTable } from "@/components/devices-table";
|
|
import Search from "@/components/search";
|
|
import { Button } from "@/components/ui/button";
|
|
import React, { Suspense } from "react";
|
|
export default async function Devices({
|
|
searchParams,
|
|
}: {
|
|
searchParams: Promise<{
|
|
query: string;
|
|
page: number;
|
|
sortBy: string;
|
|
status: string;
|
|
}>;
|
|
}) {
|
|
|
|
return (
|
|
<div>
|
|
<div className="flex justify-between items-center border-b-2 text-gray-500 text-2xl font-bold title-bg py-4 px-2 mb-4">
|
|
<h3>
|
|
My Devices
|
|
</h3>
|
|
<Button>Add new device</Button>
|
|
</div>
|
|
|
|
<div
|
|
id="user-filters"
|
|
className=" border-b-2 pb-4 gap-4 flex items-center justify-start"
|
|
>
|
|
<Search />
|
|
|
|
</div>
|
|
<Suspense fallback={"loading...."}>
|
|
<DevicesTable searchParams={searchParams} />
|
|
</Suspense>
|
|
</div>
|
|
);
|
|
}
|