From a7c2553f90a2a2378e55ba3069490019fa0cbf47 Mon Sep 17 00:00:00 2001
From: Lucas Patenaude <LUPA7501@colorado.edu>
Date: Sat, 13 Apr 2024 18:45:55 -0600
Subject: [PATCH] Flag added to league header

---
 .../src/resources/css/league-page/league-page.css          | 7 +++++++
 .../league-page/get-current-league-information.js          | 3 +++
 ProjectSourceCode/src/views/pages/league-page.hbs          | 1 +
 3 files changed, 11 insertions(+)

diff --git a/ProjectSourceCode/src/resources/css/league-page/league-page.css b/ProjectSourceCode/src/resources/css/league-page/league-page.css
index 8a053e4..89a47dc 100644
--- a/ProjectSourceCode/src/resources/css/league-page/league-page.css
+++ b/ProjectSourceCode/src/resources/css/league-page/league-page.css
@@ -38,6 +38,13 @@
 
 #league-title {
     transform: skewX(20deg); /* Skew the banner to create a triangular side */
+    margin-right: 20px;
+}
+
+#league-flag {
+
+    transform: skewX(20deg); /* Skew the banner to create a triangular side */
+    height: 20px;
     margin-right: 200px;
 }
 
diff --git a/ProjectSourceCode/src/resources/middleware/league-page/get-current-league-information.js b/ProjectSourceCode/src/resources/middleware/league-page/get-current-league-information.js
index 7582b9e..09eaf0f 100644
--- a/ProjectSourceCode/src/resources/middleware/league-page/get-current-league-information.js
+++ b/ProjectSourceCode/src/resources/middleware/league-page/get-current-league-information.js
@@ -18,6 +18,9 @@ const fetchLeaguesData = async (req, res, next) => {
 
         // Attach the data to res.locals
         res.locals.league = {
+            area: {
+                league_flag: leagueData.area.flag,
+            },
             competition: {
                 league_id: leagueData.competition.id,
                 league_name: leagueData.competition.name,
diff --git a/ProjectSourceCode/src/views/pages/league-page.hbs b/ProjectSourceCode/src/views/pages/league-page.hbs
index 8a9ceb4..e2be7d1 100644
--- a/ProjectSourceCode/src/views/pages/league-page.hbs
+++ b/ProjectSourceCode/src/views/pages/league-page.hbs
@@ -4,6 +4,7 @@
     <div class="container" id="league-information-container">
         <img id="league-logo" src="{{league.competition.league_emblem}}" alt="{{league.competition.league_name}} Emblem">
         <h1 id="league-title">{{league.competition.league_name}}</h2>
+        <img id="league-flag" src="{{league.area.league_flag}}" alt="{{league.competition.league_name}} Flag">
     </div>
 
     <!-- Container to display all stats for league <- bottom rest of the container -->