Add event name to the rankings screen

FIRSTinMI · Mar 31, 2024 · 0dd3055 · 0dd3055
1 parent 203a6fd
commit 0dd3055
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/components/RankingDisplay/TeamRankings/index.tsx b/src/components/RankingDisplay/TeamRankings/index.tsx
@@ -37,6 +37,10 @@ const TeamRankings = () => {
     <>
       <MenuBar event={event} season={season} />
       <div className={styles.teamRankings}>
+        {/* TODO(@evanlihou): This should be toggleable from this page */}
+        {event?.options.showEventName === true && (
+          <div className={styles.eventName}>{event.name} ({season})</div>
+        )}
         <table>
           <thead>
             <tr>

diff --git a/src/components/RankingDisplay/TeamRankings/styles.module.scss b/src/components/RankingDisplay/TeamRankings/styles.module.scss
@@ -15,6 +15,16 @@
     z-index: 10;
   }
 
+  .eventName {
+    position: relative;
+    z-index: 10;
+    background: #ccc;
+    width: 100vw;
+    text-align: center;
+    font-size: 1.3em;
+    padding-bottom: 0.3em;
+  }
+
   table {
     transform: translate3d(0, 0, 0);
     position: relative;