pollo/src/app/dashboard/page.tsx
2023-09-06 12:53:48 -06:00

34 lines
1.1 KiB
TypeScript

import RoomList from "@/app/_components/RoomList";
import { FaShieldAlt } from "react-icons/fa";
import { GiStarFormation } from "react-icons/gi";
import { isAdmin, isVIP } from "@/utils/helpers";
import { currentUser } from "@clerk/nextjs";
import { Suspense } from "react";
export const runtime = "edge";
export const preferredRegion = ["pdx1"];
export const dynamic = "force-dynamic";
export const revalidate = 0;
export const fetchCache = "force-no-store";
export default async function Dashboard() {
const user = await currentUser();
return (
<div className="flex flex-col text-center items-center justify-center px-4 py-16 gap-4">
<h1 className="flex flex-row flex-wrap text-center justify-center items-center gap-1 text-4xl font-bold mx-auto">
Hi, {user?.firstName}!{" "}
{isAdmin(user?.publicMetadata) && (
<FaShieldAlt className="inline-block text-primary" />
)}
{isVIP(user?.publicMetadata) && (
<GiStarFormation className="inline-block text-secondary" />
)}
</h1>
<Suspense>
<RoomList />
</Suspense>
</div>
);
}