import { type NextPage } from "next"; import Head from "next/head"; import { signIn, useSession } from "next-auth/react"; import RoomList from "~/components/RoomList"; import { useState } from "react"; import Link from "next/link"; import Loading from "~/components/Loading"; import { FaShieldAlt } from "react-icons/fa"; const Home: NextPage = () => { return ( <> Sprint Padawan

); }; export default Home; const HomePageBody: React.FC = () => { const { data: sessionData, status: sessionStatus } = useSession(); const [joinRoomTextBox, setJoinRoomTextBox] = useState(""); const [tabIndex, setTabIndex] = useState(0); if (sessionStatus === "authenticated") { return ( <>

Hi, {sessionData.user.name}!{" "} {sessionData.user.role === "ADMIN" && ( )}

setTabIndex(0)} > Join a Room setTabIndex(1)} > Room List

{tabIndex === 0 && ( <> { console.log(event.target.value); setJoinRoomTextBox(event.target.value); }} /> 0 ? `/room/${joinRoomTextBox}` : "/" } className="btn btn-secondary" > Join Room )} {tabIndex === 1 && } ); } else { return ( <>

Sprint{" "} Padawan

A{" "} scrum poker{" "} {" "} tool that helps{" "} agile teams{" "} {" "} plan their sprints in{" "} real-time .

{sessionStatus === "loading" ? ( ) : ( )} ); } };