ClueQuest/miniquiz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change

Browse Source
This commit is contained in:
Björn Benouarets
2025-11-04 23:16:40 +01:00
parent 967fb66809
commit 8a6b31c04e
1 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/page.tsx
View File

@@ -13,15 +13,14 @@ import {
export default function Home() { export default function Home() {
const options = [ const options = [
"Nicole Sauer", "Kino",
"Lisa Lang", "Casino",
"Anne Frank", "Spielothek",
"Katharina Hoffmann", "Kneipe",
"Julia Schmid", "Kulturbühne"
"Anne Finkbeiner",
] ]
const correctAnswer = "Anne Frank"; const correctAnswer = "Spielothek"
const nextLink = "https://five.christian.miniquiz.your-apps.dev"; const nextLink = "https://six.christian.miniquiz.your-apps.dev";
const [selectedAnswer, setSelectedAnswer] = React.useState<string | null>(null); const [selectedAnswer, setSelectedAnswer] = React.useState<string | null>(null);
const [showNextLink, setShowNextLink] = React.useState<boolean>(false); const [showNextLink, setShowNextLink] = React.useState<boolean>(false);
@@ -53,7 +52,7 @@ export default function Home() {
<div className="flex flex-col items-center justify-center h-screen p-10 gap-4"> <div className="flex flex-col items-center justify-center h-screen p-10 gap-4">
<div className="flex flex-col items-center justify-center max-w-2xl w-full gap-8"> <div className="flex flex-col items-center justify-center max-w-2xl w-full gap-8">
<h1 className="text-4xl font-bold">18. Geburtstag</h1> <h1 className="text-4xl font-bold">18. Geburtstag</h1>
<p className="text-lg text-zinc-500">Von wem ist Hannah Pick-Goslar die beste Freundin?</p> <p className="text-lg text-zinc-500">Welchen Ort wolltest du bereits in München die ganze Zeit besuchen, wo nur Erwachsene hin dürfen?</p>
<RadioGroup onValueChange={handleAnswerChange} value={selectedAnswer} className="flex flex-col items-start justify-start w-full"> <RadioGroup onValueChange={handleAnswerChange} value={selectedAnswer} className="flex flex-col items-start justify-start w-full">
{options.map((option) => ( {options.map((option) => (
<div key={option} className="text-2xl font-bold flex items-center justify-start border border-zinc-300 gap-2 rounded-md p-4 w-full"> <div key={option} className="text-2xl font-bold flex items-center justify-start border border-zinc-300 gap-2 rounded-md p-4 w-full">