GameView highlight box

This commit is contained in:
djmil 2023-12-05 11:48:36 +01:00
parent 6989f56366
commit 3c5a696be2

View File

@ -1,6 +1,6 @@
import React, { useContext, useEffect } from 'react'; import React, { useContext, useEffect } from 'react';
import { GamesStateContext, GamesGuideContext } from '../context/games'; 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 NewGame from './games/NewGame';
import { GameProposalSelector, ActiveGameSelector, GameArchiveSelector } from './games/GameSelector'; import { GameProposalSelector, ActiveGameSelector, GameArchiveSelector } from './games/GameSelector';
@ -48,10 +48,10 @@ function ViewSelector() {
return ( return (
<nav className='ViewSelector'> <nav className='ViewSelector'>
<div className='Container' > <div className='Container' >
<Link to='new'>New</Link> <NavLink to='new'>New</NavLink>
<Link to='proposal'>Proposal<Counter number={guide.awaiting.proposal} /></Link> <NavLink to='proposal'>Proposal<Counter number={guide.awaiting.proposal} /></NavLink>
<Link to='active' >Active<Counter number={guide.awaiting.active} /></Link> <NavLink to='active' >Active<Counter number={guide.awaiting.active} /></NavLink>
<Link to='archive' >Archive</Link> <NavLink to='archive' >Archive</NavLink>
</div> </div>
</nav> </nav>
) )