From 1d50359612ca84729e97f99f029004a020c69368 Mon Sep 17 00:00:00 2001
From: Lucas Patenaude <lucaspatenaude@gmail.com>
Date: Wed, 3 Apr 2024 23:35:38 -0600
Subject: [PATCH] Formatting changes + yesterday dynamically updates for
 scoreboard date parameter. Hover effect also added to focused game card

---
 .../css/scoreboard-header/game-card.css       |  6 ++++
 .../scoreboard-header/current-match-routes.js | 32 ++++++++++++++-----
 ProjectSourceCode/src/resources/js/script.js  |  0
 3 files changed, 30 insertions(+), 8 deletions(-)
 delete mode 100644 ProjectSourceCode/src/resources/js/script.js

diff --git a/ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css b/ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css
index 9638b1f..3382631 100644
--- a/ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css
+++ b/ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css
@@ -6,6 +6,12 @@
     min-height: 100px;
     min-width: 200px;
     box-sizing: border-box;
+
+    transition: transform 0.4s ease; /* Add transition for smooth effect */
+}
+
+#game-card:hover {
+    transform: scale(1.05); /* Scale up by 10% on hover */
 }
 
 .score-card-body {
diff --git a/ProjectSourceCode/src/resources/js/scoreboard-header/current-match-routes.js b/ProjectSourceCode/src/resources/js/scoreboard-header/current-match-routes.js
index 82e3b06..20f64ff 100644
--- a/ProjectSourceCode/src/resources/js/scoreboard-header/current-match-routes.js
+++ b/ProjectSourceCode/src/resources/js/scoreboard-header/current-match-routes.js
@@ -3,32 +3,45 @@ const axios = require('axios');
 
 // Middleware function to fetch matches data
 const fetchMatchesData = async (req, res, next) => {
-    try {
+    try 
+    {
         const today = moment().format('YYYY-MM-DD'); // Get today's date in YYYY-MM-DD format
 
+        // Subtract one day to get yesterday's date
+        var yesterdayUnformatted = moment().subtract(1, 'days');
+
+        // Format yesterday's date as YYYY-MM-DD
+        var yesterday = yesterdayUnformatted.format('YYYY-MM-DD');
+
+
         const response = await axios({
             url: 'http://api.football-data.org/v4/competitions/2021/matches',
             method: 'GET',
-            params: {
-                dateFrom: '2024-04-03', // Set dateFrom to today's date
+            params: 
+            {
+                dateFrom: yesterday, // Set dateFrom to today's date
                 dateTo: today, // Set dateTo to today's date
             },
-            headers: {
+            headers: 
+            {
                 'X-Auth-Token': '0aa1ed31245d4a36b1ef5a79150324b3', // Add your API key here
             },
         });
 
         // Extract relevant data from the API response
         const matches = response.data.matches.map(match => ({
-            homeTeam: {
+            homeTeam: 
+            {
                 name: match.homeTeam.name,
                 crest: match.homeTeam.crest,
             },
-            awayTeam: {
+            awayTeam: 
+            {
                 name: match.awayTeam.name,
                 crest: match.awayTeam.crest,
             },
-            score: {
+            score: 
+            {
                 homeScore: match.score.fullTime.home,
                 awayScore: match.score.fullTime.away,
             },
@@ -38,7 +51,10 @@ const fetchMatchesData = async (req, res, next) => {
         // Attach matches data to res.locals
         res.locals.matches = matches;
         next();
-    } catch (error) {
+    } 
+    
+    catch (error) 
+    {
         console.error('Error fetching Premier League matches:', error);
         res.locals.matches = []; // Set an empty array if there's an error
         next(); // Call next middleware or route handler
diff --git a/ProjectSourceCode/src/resources/js/script.js b/ProjectSourceCode/src/resources/js/script.js
deleted file mode 100644
index e69de29..0000000