giers10/lang-quiz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add button for starting new random quiz and update navigation logic

Browse Source
This commit is contained in:
Victor Giers
2026-01-08 01:38:01 +01:00
parent 5b0cbd4f4d
commit 8b3345a3a1
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
client/src/App.tsx
View File

@@ -1,10 +1,15 @@
import { NavLink, Route, Routes } from 'react-router-dom'; import { NavLink, Route, Routes, useNavigate } from 'react-router-dom';
import OverviewPage from './pages/OverviewPage'; import OverviewPage from './pages/OverviewPage';
import EntryPage from './pages/EntryPage'; import EntryPage from './pages/EntryPage';
import QuizPage from './pages/QuizPage'; import QuizPage from './pages/QuizPage';
import './App.css'; import './App.css';
export default function App() { export default function App() {
const navigate = useNavigate();
const startRandomQuiz = () => {
navigate(`/quiz?mode=all&nonce=${Date.now()}`);
};
return ( return (
<div className="app-shell"> <div className="app-shell">
<header className="topbar"> <header className="topbar">
@@ -15,9 +20,9 @@ export default function App() {
<NavLink to="/" end className={({ isActive }) => (isActive ? 'link active' : 'link')}> <NavLink to="/" end className={({ isActive }) => (isActive ? 'link active' : 'link')}>
Overview Overview
</NavLink> </NavLink>
<NavLink to="/quiz?mode=all&nonce=${Date.now()}" className={({ isActive }) => (isActive ? 'link active' : 'link')}> <button className="link" onClick={startRandomQuiz}>
New Random Quiz New Random Quiz
</NavLink> </button>
</nav> </nav>
</header> </header>