This commit is contained in:
djmil 2023-12-02 00:49:36 +01:00
parent 04590e3be5
commit 50a8d7d0f8

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 { NavLink, Routes, Route } from 'react-router-dom'; import { Routes, Route, Link } 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';
@ -46,12 +46,14 @@ function ViewSelector() {
const guide = useContext(GamesGuideContext); const guide = useContext(GamesGuideContext);
return ( return (
<nav className='ViewSelector' > <nav>
<div className='Container' > <div className='ViewSelector'>
<NavLink to='/games/new'>New</NavLink> <div className='Container' >
<NavLink to='/games/proposal'>Proposal<Counter number={guide.awaiting.proposal} /></NavLink> <Link to='new'>New</Link>
<NavLink to='/games/active' >Active<Counter number={guide.awaiting.active} /></NavLink> <Link to='proposal'>Proposal<Counter number={guide.awaiting.proposal} /></Link>
<NavLink to='/games/archive' >Archive</NavLink> <Link to='active' >Active<Counter number={guide.awaiting.active} /></Link>
<Link to='archive' >Archive</Link>
</div>
</div> </div>
</nav> </nav>
) )