Merge pull request #9 from BYU-CPC/multiple-leaderboards

multiple leaderboards

src/components/Leaderboard.tsx

@@ -53,6 +53,7 @@ export function Leaderboard() {
   const { data: allProblems } = useProblems();
   const { data: leaderboardIndex } = useLeaderboardIndex();
   const leaderboardData = leaderboardIndex?.combined?.[leaderboard];
+  const hasAffiliation = !!leaderboardIndex?.dynamic?.[leaderboard];
   useEffect(() => {
     document.title = leaderboardData?.name ?? "Leaderboard";
   }, [leaderboardData?.name]);
@@ -151,13 +152,32 @@ export function Leaderboard() {
       )}
       {calculatedUsers
         .filter((a) => !!a.score || a.user.id === user?.uid)
+        .filter(
+          (u) =>
+            !hasAffiliation ||
+            !!(
+              u.user.affiliation &&
+              leaderboard
+                .toLowerCase()
+                .startsWith(u.user.affiliation.toLowerCase())
+            )
+        )
         .sort((a, b) => b.score - a.score)
         .map((u, i) => (
           <LeaderboardRow
             key={u.user.id}
             userStats={u}
             rank={i + 1}
             isMe={u.user?.id === user?.uid}
+            isAffiliated={
+              !hasAffiliation ||
+              !!(
+                u.user.affiliation &&
+                leaderboard
+                  .toLowerCase()
+                  .startsWith(u.user.affiliation.toLowerCase())
+              )
+            }
           />
         ))}
     </div>

src/components/LeaderboardSelector.tsx

@@ -22,7 +22,7 @@ export default function LeaderboardSelector() {
       key={key}
       setLeaderboard={(leaderboard) => setLeaderboard({ leaderboard })}
       isSelected={key === leaderboard}
-      isDynamic={data.dynamic.hasOwnProperty(key)}
+      isDynamic={!!data.dynamic?.hasOwnProperty(key)}
       name={board.name ?? key}
     />
   ));

src/hooks/UseLeaderboard.tsx

@@ -77,7 +77,7 @@ export const useLeaderboardIndex = () => {
     : undefined;
   const data = {
     combined: { ...(transformedData ?? {}), ...staticLeaderboard },
-    dynamic: transformedData ?? {},
+    dynamic: transformedData,
     static: staticLeaderboard,
   };
   return {

src/hooks/UseUser.tsx

@@ -7,6 +7,7 @@ export type User = {
   display_name: string;
   id: string;
   kattis_submissions: Record<string, number>;
+  affiliation?: string;
   codeforces_submissions:
     | (Record<
         string,

src/output.css

@@ -838,6 +838,10 @@ video {
   opacity: 0.1;
 }
 
+.opacity-50 {
+  opacity: 0.5;
+}
+
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);