import type { NextPage } from "next";
import Head from "next/head";
import RoomList from "~/components/RoomList";
import Link from "next/link";
import { useEffect, useState } from "react";
import { FaShieldAlt } from "react-icons/fa";
import { GiStarFormation } from "react-icons/gi";
import { useUser } from "@clerk/nextjs";
const Home: NextPage = () => {
return (
<>
Sprint Padawan
);
};
export default Home;
const HomePageBody = () => {
const { isLoaded, user } = useUser();
const [joinRoomTextBox, setJoinRoomTextBox] = useState("");
const [tabIndex, setTabIndex] = useState();
useEffect(() => {
const tabIndexLocal = localStorage.getItem(`dashboardTabIndex`);
setTabIndex(tabIndexLocal !== null ? Number(tabIndexLocal) : 0);
}, [tabIndex, user]);
return !isLoaded ? (
) : (
<>
Hi, {user?.fullName}!{" "}
{(user?.publicMetadata.isAdmin as boolean | undefined) && (
)}
{(user?.publicMetadata.isVIP as boolean | undefined) && (
)}
{tabIndex === 0 && (
<>
{
console.log(event.target.value);
setJoinRoomTextBox(event.target.value);
}}
/>
0 ? `/room/${joinRoomTextBox}` : "/"}
className="btn btn-secondary"
>
Join Room
)}
{tabIndex === 1 && }
);
};