From 0dd3055d6b6585faf95ac56c04e1497d7784631f Mon Sep 17 00:00:00 2001
From: evanlihou <evan@evanlihou.com>
Date: Sun, 31 Mar 2024 15:42:26 -0400
Subject: [PATCH] Add event name to the rankings screen

---
 src/components/RankingDisplay/TeamRankings/index.tsx   |  4 ++++
 .../RankingDisplay/TeamRankings/styles.module.scss     | 10 ++++++++++
 2 files changed, 14 insertions(+)

diff --git a/src/components/RankingDisplay/TeamRankings/index.tsx b/src/components/RankingDisplay/TeamRankings/index.tsx
index 2e8bf22..d27f3d2 100644
--- 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
index c537ee4..2d98bfb 100644
--- 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;