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

Add button to start random reel in App component

Browse Source
This commit is contained in:
Victor Giers
2026-01-08 01:54:59 +01:00
parent dbcc77f808
commit 3affaec1dd
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/App.tsx
View File

@@ -9,6 +9,9 @@ export default function App() {
const startRandomQuiz = () => { const startRandomQuiz = () => {
navigate(`/quiz?mode=all&nonce=${Date.now()}`); navigate(`/quiz?mode=all&nonce=${Date.now()}`);
}; };
const startRandomReel = () => {
navigate(`/entry/random?nonce=${Date.now()}`);
};
return ( return (
<div className="app-shell"> <div className="app-shell">
@@ -18,9 +21,9 @@ export default function App() {
IG Japanese Quizzer IG Japanese Quizzer
</NavLink> </NavLink>
<nav> <nav>
<NavLink to="/" end className={({ isActive }) => (isActive ? 'link active' : 'link')}> <NavLink to="/" end className={({ isActive }) => (isActive ? 'link active' : 'link')}>
Overview Overview
</NavLink> </NavLink>
<NavLink <NavLink
to="/quiz?mode=all" to="/quiz?mode=all"
className={({ isActive }) => (isActive ? 'link active' : 'link')} className={({ isActive }) => (isActive ? 'link active' : 'link')}
@@ -31,6 +34,9 @@ export default function App() {
> >
New Random Quiz New Random Quiz
</NavLink> </NavLink>
<button className="link nav-link-btn" onClick={startRandomReel}>
Random Reel
</button>
</nav> </nav>
</div> </div>
</header> </header>