mirror of
https://github.com/i701/sarlink-portal.git
synced 2025-02-23 10:02:00 +00:00
i701
0322bee567
- Updated login and signup pages to include session checks and redirection based on user authentication status. - Introduced QueryProvider for managing server state in the application. - Enhanced user experience by integrating session management in the devices and payments dashboard. - Added new user management features with role-based access control in the sidebar. - Created new components for user devices and payments, improving the overall structure and maintainability of the dashboard. - Implemented a table component for better data presentation in user-related views.
57 lines
1.2 KiB
TypeScript
57 lines
1.2 KiB
TypeScript
import Filter from "@/components/filter";
|
|
import Search from "@/components/search";
|
|
import { UsersTable } from "@/components/user-table";
|
|
import { AdminAuthGuard } from "@/lib/auth-guard";
|
|
import { CheckCheck, Hourglass, Minus } from "lucide-react";
|
|
import React, { Suspense } from "react";
|
|
export default async function AdminUsers({
|
|
searchParams,
|
|
}: {
|
|
searchParams: Promise<{
|
|
query: string;
|
|
page: number;
|
|
sortBy: string;
|
|
status: string;
|
|
}>;
|
|
}) {
|
|
await AdminAuthGuard();
|
|
|
|
return (
|
|
<div>
|
|
<h3 className="border-b-2 text-2xl font-bold title-bg py-4 px-2 mb-4">
|
|
Users
|
|
</h3>
|
|
<div
|
|
id="user-filters"
|
|
className=" border-b-2 pb-4 gap-4 flex items-center justify-start"
|
|
>
|
|
<Search />
|
|
<Filter
|
|
options={[
|
|
{
|
|
value: "all",
|
|
label: "ALL",
|
|
icon: <Minus size={14} />,
|
|
},
|
|
{
|
|
value: "unverified",
|
|
label: "Unverfieid",
|
|
icon: <CheckCheck size={14} />,
|
|
},
|
|
{
|
|
value: "verified",
|
|
label: "Verified",
|
|
icon: <Hourglass size={14} />,
|
|
},
|
|
]}
|
|
defaultOption="all"
|
|
queryParamKey="status"
|
|
/>
|
|
</div>
|
|
<Suspense fallback={"loading...."}>
|
|
<UsersTable searchParams={searchParams} />
|
|
</Suspense>
|
|
</div>
|
|
);
|
|
}
|