Add leaderboard to staff/admin dashboard

components/Layout/Layout.tsx

@@ -19,8 +19,8 @@ const roleNavigations = {
     "vault",
     "identifier",
   ],
-  admin: ["scanner", "visitors", "badges", "users", "events"],
-  manager: ["badges", "prizes", "identifier"],
+  admin: ["scanner", "visitors", "badges", "leaderboard", "users", "events"],
+  manager: ["badges", "leaderboard", "prizes", "identifier"],
 };
 
 type LayoutProps = {

context/Auth/withAuth.js

@@ -39,6 +39,7 @@ export function withAuth(WrappedComponent) {
             "/manager/prizes",
             "/manager/prizes/[uuid]",
             "/manager/identifier",
+            "/manager/leaderboard",
             "/attendees/[uuid]",
           ].includes(router.pathname)
         ) {

layout/Manager/Badges/Badges.tsx

@@ -9,8 +9,6 @@ import ErrorMessage from "@components/ErrorMessage";
 import Filter from "@components/BadgeFilter";
 import QRScanner, { FEEDBACK } from "@components/QRScanner";
 
-const navigation = ["badges", "prizes", "identifier"];
-
 function Badges() {
   const [allBadges, updateAllBadges] = useState([]);
   const [filter, updateFilter] = useState(null);
@@ -71,12 +69,7 @@ function Badges() {
   };
 
   return (
-    <Layout
-      title="Badges"
-      description="Award a badge"
-      navigation={navigation}
-      basePath="manager"
-    >
+    <Layout title="Badges" description="Award a badge" basePath="manager">
       {showScanner ? (
         <div className="mt-5">
           <QRScanner

layout/Manager/Identifier/Identifier.tsx

@@ -7,8 +7,6 @@ import { withAuth } from "@context/Auth";
 import Layout from "@components/Layout";
 import QRScanner, { FEEDBACK } from "@components/QRScanner";
 
-const navigation = ["badges", "prizes", "identifier"];
-
 function Identifier() {
   const pauseRef = useRef(false);
   const [text, setText] = useState("None");
@@ -54,7 +52,6 @@ function Identifier() {
     <Layout
       title="Identifier"
       description="Identify an attendee"
-      navigation={navigation}
       basePath="manager"
     >
       <div className="mt-5">

layout/Manager/Prize/Prize.tsx

@@ -8,8 +8,6 @@ import { withAuth } from "@context/Auth";
 import Layout from "@components/Layout";
 import Button from "@components/Button";
 
-const navigation = ["badges", "prizes", "identifier"];
-
 function Prize() {
   const router = useRouter();
   const { uuid } = router.query;
@@ -61,7 +59,6 @@ function Prize() {
     <Layout
       title="Prizes"
       description="Mark a prize as redeemed"
-      navigation={navigation}
       basePath="manager"
     >
       <div className="my-5">

layout/Manager/Prizes/Prizes.tsx

@@ -6,8 +6,6 @@ import { withAuth, useAuth } from "@context/Auth";
 import Layout from "@components/Layout";
 import QRScanner, { FEEDBACK } from "@components/QRScanner";
 
-const navigation = ["badges", "prizes", "identifier"];
-
 function Prizes() {
   const { user } = useAuth();
   const router = useRouter();
@@ -23,7 +21,6 @@ function Prizes() {
     <Layout
       title="Prizes"
       description="Mark a prize as redeemed"
-      navigation={navigation}
       basePath="manager"
     >
       <div className="mt-5">

pages/attendee/leaderboard.tsx

@@ -1 +1 @@
-export { default } from "@layout/Attendee/Leaderboard";
+export { default } from "@layout/shared/Leaderboard";

pages/manager/leaderboard.tsx

@@ -0,0 +1 @@
+export { default } from "@layout/shared/Leaderboard";