From c93ec2fb237dcfbe2adb2f15ac55401fd28d48dd Mon Sep 17 00:00:00 2001
From: Alex Zhang <acz001@ucsd.edu>
Date: Sun, 31 Mar 2024 15:17:14 -0700
Subject: [PATCH] Miscellaneous Tweaks (#212)

* Update index.tsx

* Other tweaks

* add ada lovelace rank

---------

Co-authored-by: Faris Ashai <farisashai@gmail.com>
---
 src/components/layout/Navbar/index.tsx           |  9 ++++-----
 src/components/layout/Navbar/style.module.scss   |  4 ++++
 .../layout/Navbar/style.module.scss.d.ts         |  1 +
 src/lib/constants/ranks.ts                       | 16 ++++++++++++++++
 src/pages/store/orders.tsx                       |  2 +-
 5 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/components/layout/Navbar/index.tsx b/src/components/layout/Navbar/index.tsx
index 50d0a4e7..91420943 100644
--- a/src/components/layout/Navbar/index.tsx
+++ b/src/components/layout/Navbar/index.tsx
@@ -81,7 +81,9 @@ const Navbar = ({ accessType }: NavbarProps) => {
           <p aria-hidden>·</p>
           <Link href={config.eventsRoute}>Events</Link>
           <p aria-hidden>·</p>
-          <Link href="/leaderboard">Leaderboard</Link>
+          <Link href={config.leaderboardRoute}>Leaderboard</Link>
+          <p aria-hidden>·</p>
+          <Link href={config.store.homeRoute}>Store</Link>
         </nav>
         <nav className={styles.iconLinks}>
           <ThemeToggle />
@@ -90,9 +92,6 @@ const Navbar = ({ accessType }: NavbarProps) => {
               <SettingsIcon color="var(--theme-text-on-background-1)" className={styles.iconLink} />
             </Link>
           ) : null}
-          <Link href="/store" className={styles.iconLink}>
-            <ShopIcon color="var(--theme-text-on-background-1)" className={styles.iconLink} />
-          </Link>
           <Link href={config.profile.route} className={styles.iconLink}>
             <ProfileIcon color="var(--theme-text-on-background-1)" />
           </Link>
@@ -132,7 +131,7 @@ const Navbar = ({ accessType }: NavbarProps) => {
             Admin Settings
           </Link>
         ) : null}
-        <div>
+        <div className={styles.mobileSwitch}>
           <ThemeToggle />
         </div>
         <hr className={styles.wainbow} />
diff --git a/src/components/layout/Navbar/style.module.scss b/src/components/layout/Navbar/style.module.scss
index 0d252e55..8f4d73e8 100644
--- a/src/components/layout/Navbar/style.module.scss
+++ b/src/components/layout/Navbar/style.module.scss
@@ -158,6 +158,10 @@
         width: 24px;
       }
     }
+
+    .mobileSwitch {
+      padding-bottom: 0.75rem;
+    }
   }
 
   .wainbow {
diff --git a/src/components/layout/Navbar/style.module.scss.d.ts b/src/components/layout/Navbar/style.module.scss.d.ts
index c8e0ebd4..6fd6516c 100644
--- a/src/components/layout/Navbar/style.module.scss.d.ts
+++ b/src/components/layout/Navbar/style.module.scss.d.ts
@@ -10,6 +10,7 @@ export type Styles = {
   loggedOut: string;
   mobileNav: string;
   mobileNavItem: string;
+  mobileSwitch: string;
   navLeft: string;
   portalLinks: string;
   toggleIcon: string;
diff --git a/src/lib/constants/ranks.ts b/src/lib/constants/ranks.ts
index f2afc976..d1a0d9d7 100644
--- a/src/lib/constants/ranks.ts
+++ b/src/lib/constants/ranks.ts
@@ -8,6 +8,22 @@ const ranks = [
   'nlog Naan',
   'Constant Cornbread',
   'Binary Baguette',
+  'Boolean Biscuit',
+  'Byte-sized Bagel',
+  'Gigabit Gingerbread',
+  'Hashed Hashbrown',
+  'Recursed Ravioli',
+  'Algorithmic Apple Pie',
+  'Kernel Krispie',
+  'Virtual Viennoiserie',
+  'Cybernetic Scone',
+  'Quantum Quiche',
+  'Firewall Flan',
+  'Turing Tart',
+  'Lovelace Layer Cake',
+  'Syntax Soufflé',
+  'Debugging Danish',
+  'Neural Network Nougat',
   'Blessed Boba',
   'Super Snu',
   'Soon(TM)',
diff --git a/src/pages/store/orders.tsx b/src/pages/store/orders.tsx
index 0204f586..9b07d017 100644
--- a/src/pages/store/orders.tsx
+++ b/src/pages/store/orders.tsx
@@ -33,7 +33,7 @@ const orderInFilter = (order: PublicOrder, filter: string): boolean => {
 };
 
 const StoreOrderPage = ({ user: { credits }, orders, futurePickupEvents }: OrderPageProps) => {
-  const [filter, setFilter] = useState('past-6-months');
+  const [filter, setFilter] = useState('all-time');
 
   const filteredOrders = orders.filter(o => orderInFilter(o, filter));