Login: route guards

app/login/page.tsx

@@ -0,0 +1,3 @@
+export default async function LoginPage() {
+  return <div className="">login</div>;
+}

components/Calendar.tsx

@@ -15,7 +15,7 @@ export default function Calendar(props: any) {
     console.log(eventInfo);
     return (
       <Card
-        className=" fc-event-main-frame w-[100%] rounded-md hover:h-[20vh] hover:transition-all duration-700"
+        className=" fc-event-main-frame w-[100%] rounded-md hover:h-[20vh] z-0 hover:z-10 hover:transition-all duration-700 "
         style={{ backgroundColor: eventInfo.event.extendedProps.daColor }}
       >
         {/*

components/navbar.tsx

@@ -77,6 +77,7 @@ export const Navbar = (props: any) => {
         </div>
       );
       // @ts-ignore
+      /*
       if (session.user?.role === "admin") {
         adminDashLink = (
           <NavbarContent key="admin">
@@ -85,7 +86,7 @@ export const Navbar = (props: any) => {
             </Link>
           </NavbarContent>
         );
-      }
+      }*/
       nameButton = session.user?.name;
     } else {
       authenticated = false;
@@ -190,9 +191,6 @@ export const Navbar = (props: any) => {
                 <DropdownMenu aria-label="Static Actions">
                   <DropdownItem key="myCourses">My Courses</DropdownItem>
                   <DropdownItem key="loginLink">{loginLink}</DropdownItem>
-                  <DropdownItem key="adminDashLink">
-                    {adminDashLink}
-                  </DropdownItem>
                 </DropdownMenu>
               ) : (
                 <></>

lib/auth.ts

@@ -10,6 +10,14 @@ import { getServerSession } from "next-auth";
 // You'll need to import and pass this
 // to `NextAuth` in `app/api/auth/[...nextauth]/route.ts`
 export const config = {
+  //Set custom redirect pages
+  pages: {
+    signIn: "/login",
+    //signOut: "/auth/signout",
+    error: "/error", // Error code passed in query string as ?error=
+    //verifyRequest: "/auth/verify-request", // (used for check email message)
+    //newUser: "/auth/new-user", // New users will be directed here on first sign in (leave the property out if not of interest)
+  },
   providers: [
     KeycloakProvider({
       profile(profile, tokens) {
@@ -33,7 +41,7 @@ export const config = {
   callbacks: {
     jwt({ token, user }) {
       // @ts-ignore
-      //if (user) token.role = user.role;
+      if (user) token.role = user.role;
       return token;
     },
     session({ session, token }) {

middleware.ts

@@ -0,0 +1,9 @@
+import { withAuth } from "next-auth/middleware";
+
+export default withAuth({
+  // Matches the pages config in `[...nextauth]`
+  pages: {
+    signIn: "/login",
+    error: "/error",
+  },
+});

styles/globals.css

@@ -22,6 +22,9 @@
   transition: all 0.5s ease;
   font-family: var(--font-sans);
 }
+.fc-timegrid-event-harness:hover {
+  z-index: 10 !important;
+}
 .fc-day-today {
   background-color: inherit !important;
 }