From 3c5a696be2b0a86b54c034a0155e8a2409fc8cb2 Mon Sep 17 00:00:00 2001
From: djmil <andriy@djmil.dev>
Date: Tue, 5 Dec 2023 11:48:36 +0100
Subject: [PATCH] GameView highlight box

---
 webapp/src/container/Games.jsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/webapp/src/container/Games.jsx b/webapp/src/container/Games.jsx
index 602265e..205274b 100644
--- a/webapp/src/container/Games.jsx
+++ b/webapp/src/container/Games.jsx
@@ -1,6 +1,6 @@
 import React, { useContext, useEffect } from 'react';
 import { GamesStateContext, GamesGuideContext } from '../context/games';
-import { Routes, Route, Link } from 'react-router-dom';
+import { Routes, Route, NavLink } from 'react-router-dom';
 
 import NewGame from './games/NewGame';
 import { GameProposalSelector, ActiveGameSelector, GameArchiveSelector } from './games/GameSelector';
@@ -48,10 +48,10 @@ function ViewSelector() {
   return (
     <nav className='ViewSelector'>
       <div className='Container' >
-        <Link to='new'>New</Link>
-        <Link to='proposal'>Proposal<Counter number={guide.awaiting.proposal} /></Link>
-        <Link to='active'  >Active<Counter number={guide.awaiting.active} /></Link>
-        <Link to='archive' >Archive</Link>
+        <NavLink to='new'>New</NavLink>
+        <NavLink to='proposal'>Proposal<Counter number={guide.awaiting.proposal} /></NavLink>
+        <NavLink to='active'  >Active<Counter number={guide.awaiting.active} /></NavLink>
+        <NavLink to='archive' >Archive</NavLink>
       </div>
     </nav>
   )