Merge pull request #85 from HackDavis/feat/judge-progress

fixed auth barrier problem

Author: Austin2Shih

app/(pages)/judges/layout.tsx

@@ -1,22 +1,14 @@
-'use client';
 import { AuthProvider } from '../_contexts/AuthContext';
-
-import ProtectedDisplay from '@components/ProtectedDisplay/ProtectedDisplay';
-import LoginPage from './_components/LoginPage/LoginPage';
+import { Metadata } from 'next';
 
 type Props = {
   children: React.ReactNode;
 };
 
+export const metadata: Metadata = {
+  title: 'HackDavis Judge Portal',
+};
+
 export default function JudgesLayout({ children }: Props) {
-  return (
-    <AuthProvider>
-      <ProtectedDisplay
-        loadingDisplay={'loading...'}
-        failDisplay={<LoginPage />}
-      >
-        {children}
-      </ProtectedDisplay>
-    </AuthProvider>
-  );
+  return <AuthProvider>{children}</AuthProvider>;
 }

app/(pages)/judges/page.tsx

@@ -1,6 +1,12 @@
 'use client';
 import JudgingHub from './_components/JudgingHub/JudgingHub';
+import ProtectedDisplay from '@components/ProtectedDisplay/ProtectedDisplay';
+import LoginPage from './_components/LoginPage/LoginPage';
 
 export default function Judges() {
-  return <JudgingHub />;
+  return (
+    <ProtectedDisplay loadingDisplay={'loading...'} failDisplay={<LoginPage />}>
+      <JudgingHub />
+    </ProtectedDisplay>
+  );
 }

app/(pages)/judges/projects/page.tsx

@@ -3,15 +3,19 @@
 import { useState } from 'react';
 import ProjectsHeader from './_components/ProjectsHeader';
 import ProjectsList from './_components/ProjectsList';
+import ProtectedDisplay from '@components/ProtectedDisplay/ProtectedDisplay';
+import LoginPage from '../_components/LoginPage/LoginPage';
 // import SearchBar from './_components/SearchBar';
 
 export default function Judges() {
   const [activeTab, setActiveTab] = useState(0);
   return (
-    <div>
-      <ProjectsHeader activeTab={activeTab} setActiveTab={setActiveTab} />
-      {/* <SearchBar /> */}
-      <ProjectsList activeTab={activeTab} />
-    </div>
+    <ProtectedDisplay loadingDisplay={'loading...'} failDisplay={<LoginPage />}>
+      <div>
+        <ProjectsHeader activeTab={activeTab} setActiveTab={setActiveTab} />
+        {/* <SearchBar /> */}
+        <ProjectsList activeTab={activeTab} />
+      </div>
+    </ProtectedDisplay>
   );
 }

app/(pages)/judges/scoring/layout.tsx

@@ -0,0 +1,16 @@
+'use client';
+
+import ProtectedDisplay from '@components/ProtectedDisplay/ProtectedDisplay';
+import LoginPage from '../_components/LoginPage/LoginPage';
+
+type Props = {
+  children: React.ReactNode;
+};
+
+export default function ScoringLayout({ children }: Props) {
+  return (
+    <ProtectedDisplay loadingDisplay={'loading...'} failDisplay={<LoginPage />}>
+      {children}
+    </ProtectedDisplay>
+  );
+}