({});
+
+ const table = useReactTable({
+ data,
+ columns,
+ getCoreRowModel: getCoreRowModel(),
+ getPaginationRowModel: getPaginationRowModel(),
+ onSortingChange: setSorting,
+ getSortedRowModel: getSortedRowModel(),
+ onColumnFiltersChange: setColumnFilters,
+ getFilteredRowModel: getFilteredRowModel(),
+ onColumnVisibilityChange: setColumnVisibility,
+ state: {
+ sorting,
+ columnFilters,
+ columnVisibility,
+ },
+ });
+
+ return (
+ <>
+
+
+ table.getColumn("name")?.setFilterValue(event.target.value)
+ }
+ className="max-w-sm"
+ />
+
+ table.getColumn("email")?.setFilterValue(event.target.value)
+ }
+ className="max-w-sm"
+ />
+
+
+
+
+
+ {table
+ .getAllColumns()
+ .filter((column) => column.getCanHide())
+ .map((column) => {
+ return (
+
+ column.toggleVisibility(!!value)
+ }
+ >
+ {column.id}
+
+ );
+ })}
+
+
+
+
+
+
+ {table.getHeaderGroups().map((headerGroup) => (
+
+ {headerGroup.headers.map((header) => {
+ return (
+
+ {header.isPlaceholder
+ ? null
+ : flexRender(
+ header.column.columnDef.header,
+ header.getContext()
+ )}
+
+ );
+ })}
+
+ ))}
+
+
+ {table.getRowModel().rows?.length ? (
+ table.getRowModel().rows.map((row) => (
+
+ {row.getVisibleCells().map((cell) => (
+
+ {flexRender(
+ cell.column.columnDef.cell,
+ cell.getContext()
+ )}
+
+ ))}
+
+ ))
+ ) : (
+
+
+ No results.
+
+
+ )}
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/admin/_components/datatablepayments.tsx b/src/app/admin/_components/datatablepayments.tsx
new file mode 100644
index 0000000..0082a6f
--- /dev/null
+++ b/src/app/admin/_components/datatablepayments.tsx
@@ -0,0 +1,186 @@
+"use client";
+
+import * as React from "react";
+import {
+ ColumnDef,
+ ColumnFiltersState,
+ SortingState,
+ flexRender,
+ getCoreRowModel,
+ getFilteredRowModel,
+ getPaginationRowModel,
+ VisibilityState,
+ getSortedRowModel,
+ useReactTable,
+} from "@tanstack/react-table";
+
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import {
+ DropdownMenu,
+ DropdownMenuCheckboxItem,
+ DropdownMenuContent,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+interface DataTableProps {
+ columns: ColumnDef[];
+ data: TData[];
+}
+
+export function DataTable({
+ columns,
+ data,
+}: DataTableProps) {
+ const [sorting, setSorting] = React.useState([]);
+ const [columnFilters, setColumnFilters] = React.useState(
+ []
+ );
+ const [columnVisibility, setColumnVisibility] =
+ React.useState({});
+
+ const table = useReactTable({
+ data,
+ columns,
+ getCoreRowModel: getCoreRowModel(),
+ getPaginationRowModel: getPaginationRowModel(),
+ onSortingChange: setSorting,
+ getSortedRowModel: getSortedRowModel(),
+ onColumnFiltersChange: setColumnFilters,
+ getFilteredRowModel: getFilteredRowModel(),
+ onColumnVisibilityChange: setColumnVisibility,
+ state: {
+ sorting,
+ columnFilters,
+ columnVisibility,
+ },
+ });
+
+ return (
+ <>
+
+
+ table.getColumn("user_name")?.setFilterValue(event.target.value)
+ }
+ className="max-w-sm"
+ />
+
+ table.getColumn("user_email")?.setFilterValue(event.target.value)
+ }
+ className="max-w-sm"
+ />
+
+
+
+
+
+ {table
+ .getAllColumns()
+ .filter((column) => column.getCanHide())
+ .map((column) => {
+ return (
+
+ column.toggleVisibility(!!value)
+ }
+ >
+ {column.id}
+
+ );
+ })}
+
+
+
+
+
+
+ {table.getHeaderGroups().map((headerGroup) => (
+
+ {headerGroup.headers.map((header) => {
+ return (
+
+ {header.isPlaceholder
+ ? null
+ : flexRender(
+ header.column.columnDef.header,
+ header.getContext()
+ )}
+
+ );
+ })}
+
+ ))}
+
+
+ {table.getRowModel().rows?.length ? (
+ table.getRowModel().rows.map((row) => (
+
+ {row.getVisibleCells().map((cell) => (
+
+ {flexRender(
+ cell.column.columnDef.cell,
+ cell.getContext()
+ )}
+
+ ))}
+
+ ))
+ ) : (
+
+
+ No results.
+
+
+ )}
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
new file mode 100644
index 0000000..16f22b6
--- /dev/null
+++ b/src/app/admin/layout.tsx
@@ -0,0 +1,134 @@
+"use client";
+
+import Link from "next/link";
+import { CircleUser, Home, Menu, Users, CreditCard } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuSeparator,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
+import Image from "next/image";
+import { useSession } from "next-auth/react";
+import { signOut } from "next-auth/react";
+
+export default function AdminDashboard({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ const { data: session } = useSession();
+ return (
+
+
+
+
+
+ Tiara 2024
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Homepage
+
+
+
+ await signOut({
+ callbackUrl: "/",
+ })
+ }
+ >
+ Logout
+
+
+
+
+
+ {children}
+
+
+
Unauthorized
;
+ }
+
+ if (session.user.role !== UserRole.ADMIN) {
+ return Forbidden
;
+ }
+ return ;
+}
diff --git a/src/app/admin/payments/page.tsx b/src/app/admin/payments/page.tsx
new file mode 100644
index 0000000..84bbca3
--- /dev/null
+++ b/src/app/admin/payments/page.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import React from "react";
+import { Payment, UserRole } from "@prisma/client";
+import { DataTable } from "../_components/datatablepayments";
+import { columns } from "../_components/columnsPayments";
+import { useSession } from "next-auth/react";
+
+async function getData() {
+ const response = await fetch("/api/admin/payments");
+ return response.json();
+}
+
+export default function AdminPage() {
+ const { data: session } = useSession();
+ const [data, setData] = React.useState([]);
+
+ React.useEffect(() => {
+ getData().then(setData);
+ }, []);
+
+ if (!session) {
+ return Unauthorized
;
+ }
+
+ if (session.user.role !== UserRole.ADMIN) {
+ return Forbidden
;
+ }
+
+ return (
+ <>
+ Please note few inital payments, do not exists due to some issue with the database write.
+
+
+ );
+}
diff --git a/src/app/api/admin/payments/route.ts b/src/app/api/admin/payments/route.ts
new file mode 100644
index 0000000..2bf4aab
--- /dev/null
+++ b/src/app/api/admin/payments/route.ts
@@ -0,0 +1,26 @@
+import { auth } from "@/auth";
+import { NextRequest, NextResponse } from "next/server";
+import { UserRole } from "@prisma/client";
+import { prisma } from "@/lib/prisma";
+
+export async function GET() {
+ const session = await auth();
+
+ if (!session) {
+ return NextResponse.json(
+ { message: "Unauthorized", isOk: false },
+ { status: 401 }
+ );
+ }
+
+ if (session.user.role !== UserRole.ADMIN) {
+ return NextResponse.json({ error: "Unauthorized" }, { status: 403 });
+ }
+
+ const payments = await prisma.payment.findMany({
+ include: {
+ user: true,
+ }
+ });
+ return NextResponse.json(payments);
+}
diff --git a/src/app/api/admin/route.ts b/src/app/api/admin/route.ts
new file mode 100644
index 0000000..f32a994
--- /dev/null
+++ b/src/app/api/admin/route.ts
@@ -0,0 +1,26 @@
+import { auth } from "@/auth";
+import { NextRequest, NextResponse } from "next/server";
+import { UserRole } from "@prisma/client";
+import { prisma } from "@/lib/prisma";
+
+export async function GET() {
+ const session = await auth();
+
+ if (!session) {
+ return NextResponse.json(
+ { message: "Unauthorized", isOk: false },
+ { status: 401 }
+ );
+ }
+
+ if (session.user.role !== UserRole.ADMIN) {
+ return NextResponse.json({ error: "Unauthorized" }, { status: 403 });
+ }
+
+ const users = await prisma.user.findMany({
+ include: {
+ payment: true,
+ },
+ });
+ return NextResponse.json(users);
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2aa67d1..f0ae40a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,19 +1,14 @@
import "@/app/globals.css";
-import { Header } from "@/components/widgets/Header";
-import Footer from "@components/widgets/Footer";
-import { cn } from "@/lib/utils";
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import { SessionProvider } from "next-auth/react";
import PrelineScript from "@/components/shared/preline";
-import { Toaster } from "@/components/ui/toaster";
-import Script from "next/script";
import { TailwindIndicator } from "@/components/shared/tailwind";
-import { StarsCanvas } from "@/components/ui/Stars";
+import { Toaster } from "@/components/ui/toaster";
+import { cn } from "@/lib/utils";
import { Analytics } from "@vercel/analytics/react";
import { SpeedInsights } from "@vercel/speed-insights/next";
-import Glow from "@/components/shared/glow";
-
+import type { Metadata } from "next";
+import { SessionProvider } from "next-auth/react";
+import { Inter } from "next/font/google";
+import Script from "next/script";
const inter = Inter({ subsets: ["latin"], variable: "--font-sans" });
export const metadata: Metadata = {
@@ -39,20 +34,12 @@ export default function RootLayout({
-
-
-
-
-
- {children}
-
-
+ {children}
-