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:13:18 +01:00
parent 1ebe505916
commit 967fb66809
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/page.tsx
View File

@@ -13,13 +13,15 @@ import {
export default function Home() { export default function Home() {
const options = [ const options = [
"NH Hannover", "Nicole Sauer",
"Motel One Hannover", "Lisa Lang",
"Premier Inn Hannover City University", "Anne Frank",
"June Six Hotel Hannover City", "Katharina Hoffmann",
"Julia Schmid",
"Anne Finkbeiner",
] ]
const correctAnswer = "June Six Hotel Hannover City"; const correctAnswer = "Anne Frank";
const nextLink = "https://four.christian.miniquiz.your-apps.dev"; const nextLink = "https://five.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);
@@ -51,7 +53,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">Welches Hotel in Hannover hat den Namen wie das Datum was im Sommer und in der Mitte des Jahres liegt?</p> <p className="text-lg text-zinc-500">Von wem ist Hannah Pick-Goslar die beste Freundin?</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">