From 74145ef028376a776cfad5f01f2d521cc1e398ce Mon Sep 17 00:00:00 2001
From: raghuiyer98 <53614081+raghuiyer98@users.noreply.github.com>
Date: Mon, 17 May 2021 23:20:09 +0530
Subject: [PATCH] Added Text color for selected year

Added color for selected Year from list of YearSelector in YearSelector component. Please consider this and hope this feature will distinguish between user selected year and rest of year from list
---
 src/frontend/src/components/YearSelector.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/YearSelector.js b/src/frontend/src/components/YearSelector.js
index b2164b3..5cd5b30 100644
--- a/src/frontend/src/components/YearSelector.js
+++ b/src/frontend/src/components/YearSelector.js
@@ -1,10 +1,11 @@
 import { React } from 'react';
-import { Link } from 'react-router-dom';
+import { Link, useParams} from 'react-router-dom';
 
 import './YearSelector.scss';
 
 export const YearSelector = ({teamName}) => {
     
+    const {year}=useParams()
     let years = [];
     const startYear = process.env.REACT_APP_DATA_START_YEAR;
     const endYear = process.env.REACT_APP_DATA_END_YEAR;
@@ -16,9 +17,11 @@ export const YearSelector = ({teamName}) => {
 
     return (
         <ol className="YearSelector">
-        { years.map(year => (
-            <li key={year}>
-                <Link to={`/teams/${teamName}/matches/${year}`}>{year}</Link>
+        { years.map(Year => (
+            <li key={Year}>
+                <Link to={`/teams/${teamName}/matches/${Year}`}>
+                {year==Year ? <span style={{color : 'yellow'}}>{year}</span> : Year }
+                </Link>
             </li>
         )) }
         </ol>