From 6e2bc427c4dca1eac4f4f80f91904930df9dd2c2 Mon Sep 17 00:00:00 2001
From: iOliver678 <olivermajano01@gmail.com>
Date: Fri, 7 Mar 2025 18:29:30 -0800
Subject: [PATCH 1/3] leetcode leaderboard integration, routing, pages, and
 navbar

---
 src/Components/Navbar/AdminNavbar.js |  9 ++++++
 src/Pages/LeetCode/LeetCode.js       | 46 ++++++++++++++++++++++++++++
 src/Routing.js                       |  8 +++++
 3 files changed, 63 insertions(+)
 create mode 100644 src/Pages/LeetCode/LeetCode.js

diff --git a/src/Components/Navbar/AdminNavbar.js b/src/Components/Navbar/AdminNavbar.js
index 80a4e0e0e..8cb5bcd03 100644
--- a/src/Components/Navbar/AdminNavbar.js
+++ b/src/Components/Navbar/AdminNavbar.js
@@ -99,6 +99,15 @@ export default function UserNavBar(props) {
         </svg>
       ),
     },
+    {
+      title: 'LeetCode Leaderboard',
+      route: '/leetcode',
+      icon: (
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M8.242 5.992h12m-12 6.003H20.24m-12 5.999h12M4.117 7.495v-3.75H2.99m1.125 3.75H2.99m1.125 0H5.24m-1.92 2.577a1.125 1.125 0 1 1 1.591 1.59l-1.83 1.83h2.16M2.99 15.745h1.125a1.125 1.125 0 0 1 0 2.25H3.74m0-.002h.375a1.125 1.125 0 0 1 0 2.25H2.99" />
+        </svg>
+      ),
+    },
   ];
 
   const renderRoutesForNavbar = (navbarLinks) => {
diff --git a/src/Pages/LeetCode/LeetCode.js b/src/Pages/LeetCode/LeetCode.js
new file mode 100644
index 000000000..1eaf34728
--- /dev/null
+++ b/src/Pages/LeetCode/LeetCode.js
@@ -0,0 +1,46 @@
+import React, { useState } from 'react';
+
+export default function LeetCode() {
+  const [isLoading, setIsLoading] = useState(true);
+  const [hasError, setHasError] = useState(false);
+
+  const handleLoad = () => {
+    setIsLoading(false);
+    setHasError(false);
+  };
+
+  const handleError = () => {
+    setIsLoading(false);
+    setHasError(true);
+  };
+
+  return (
+    <div className="fixed inset-0 w-full h-full">
+      {isLoading && (
+        <div className="absolute inset-0 flex items-center justify-center bg-white">
+          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500"></div>
+        </div>
+      )}
+      {hasError && (
+        <div className="absolute inset-0 flex flex-col items-center justify-center bg-white">
+          <div className="text-red-500 mb-4">Failed to load LeetCode page</div>
+          <button 
+            onClick={() => window.location.reload()}
+            className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"
+          >
+            Retry
+          </button>
+        </div>
+      )}
+      <iframe 
+        src="http://192.168.69.123:5173"
+        className="w-full h-full border-0"
+        style={{ position: 'absolute', top: 0, left: 0, bottom: 0, right: 0 }}
+        title="LeetCode Leaderboard"
+        onLoad={handleLoad}
+        onError={handleError}
+        frameBorder="0"
+      />
+    </div>
+  );
+} 
\ No newline at end of file
diff --git a/src/Routing.js b/src/Routing.js
index f583a1c48..daa56e6da 100644
--- a/src/Routing.js
+++ b/src/Routing.js
@@ -11,6 +11,7 @@ import Profile from './Pages/Profile/MemberView/Profile';
 import LedSign from './Pages/LedSign/LedSign';
 import SpeakerPage from './Pages/Speaker/Speaker';
 import EditUserInfo from './Pages/UserManager/EditUserInfo';
+import LeetCode from './Pages/LeetCode/LeetCode.js';
 
 import Home from './Pages/Home/Home.js';
 import NotFoundPage from './Pages/NotFoundPage/NotFoundPage';
@@ -138,6 +139,13 @@ export default function Routing({ appProps }) {
       allowedIf: userIsOfficerOrAdmin,
       redirect: '/',
       inAdminNavbar: true
+    },
+    {
+      Component: LeetCode,
+      path: '/leetcode',
+      allowedIf: userIsMember || userIsOfficerOrAdmin,
+      redirect: '/login',
+      inAdminNavbar: true
     }
   ];
   const signedOutRoutes = [

From f0809b4923740a9ad4f07f2e2a1df411d50a763a Mon Sep 17 00:00:00 2001
From: iOliver678 <olivermajano01@gmail.com>
Date: Sat, 8 Mar 2025 16:28:28 -0800
Subject: [PATCH 2/3] Added leetcode leaderboard to projects section

---
 src/Pages/Projects/Projects.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/Pages/Projects/Projects.js b/src/Pages/Projects/Projects.js
index 68846c38a..8954739f2 100644
--- a/src/Pages/Projects/Projects.js
+++ b/src/Pages/Projects/Projects.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import ProjectCard from './Components/ProjectCard';
-
 const projects = [
   {
     'link': 'https://github.com/SCE-Development/Clark',
@@ -37,6 +36,13 @@ const projects = [
     'information': 'FastAPI',
     'caption': 'A url shortening service created by SCE'
   },
+  {
+    'link': 'https://github.com/SCE-Development/LedMatrix',
+    'image': 'https://github.com/user-attachments/assets/03c1646d-5d64-448f-9c65-cffc9883b58e',
+    'name': 'LeetCode Leaderboard',
+    'information': 'Full Stack',
+    'caption': 'A leaderboard for LeetCode problems. View live leaderboard [here](http://192.168.69.123:5173)'
+  }
 ];
 
 export default function ProjectsPage() {

From 2be52fe8687bea2f2a7eb5410b726c674ca2d492 Mon Sep 17 00:00:00 2001
From: iOliver678 <olivermajano01@gmail.com>
Date: Sat, 8 Mar 2025 16:32:14 -0800
Subject: [PATCH 3/3] Added Url params to communicate with frontend, fixed
 routing issue

---
 src/Pages/LeetCode/LeetCode.js | 9 +++++++--
 src/Routing.js                 | 4 ++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/Pages/LeetCode/LeetCode.js b/src/Pages/LeetCode/LeetCode.js
index 1eaf34728..76203024d 100644
--- a/src/Pages/LeetCode/LeetCode.js
+++ b/src/Pages/LeetCode/LeetCode.js
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
+import { membershipState } from '../../Enums';
 
-export default function LeetCode() {
+export default function LeetCode({ user }) {
   const [isLoading, setIsLoading] = useState(true);
   const [hasError, setHasError] = useState(false);
 
@@ -14,6 +15,10 @@ export default function LeetCode() {
     setHasError(true);
   };
 
+  // Determine if user is admin
+  const isAdmin = user?.accessLevel >= membershipState.OFFICER;
+  const iframeSrc = `http://192.168.69.123:5173?isAdmin=${isAdmin}`;
+
   return (
     <div className="fixed inset-0 w-full h-full">
       {isLoading && (
@@ -33,7 +38,7 @@ export default function LeetCode() {
         </div>
       )}
       <iframe 
-        src="http://192.168.69.123:5173"
+        src={iframeSrc}
         className="w-full h-full border-0"
         style={{ position: 'absolute', top: 0, left: 0, bottom: 0, right: 0 }}
         title="LeetCode Leaderboard"
diff --git a/src/Routing.js b/src/Routing.js
index daa56e6da..22d93db75 100644
--- a/src/Routing.js
+++ b/src/Routing.js
@@ -143,8 +143,8 @@ export default function Routing({ appProps }) {
     {
       Component: LeetCode,
       path: '/leetcode',
-      allowedIf: userIsMember || userIsOfficerOrAdmin,
-      redirect: '/login',
+      allowedIf: userIsOfficerOrAdmin,
+      redirect: '/',
       inAdminNavbar: true
     }
   ];