app router

2026-04-28 05:27:35 +02:00 · 2025-06-20 05:15:23 +02:00
parent efc88bb5b8
commit e3326998c4
24 changed files with 391 additions and 383 deletions
@@ -0,0 +1,131 @@
+"use client";
+
+import { ButtonGroup, Divider } from "@heroui/react";
+import { useEffect } from "react";
+import { Mp3Button, PdfButton, ZipButton } from "@/components/Buttons";
+import { Footer } from "@/components/Footer";
+import {
+	LevelSelector,
+	PeriodSelector,
+	SubjectSelector,
+	YearSelector,
+} from "@/components/Selectors";
+import { useAppState } from "@/hooks/useState";
+import useYears from "@/hooks/useYears";
+import { fetchData } from "@/utils/fetch";
+import { subjects } from "@/utils/subjects";
+
+export default function Home() {
+	const {
+		flPdfLink,
+		setflPdfLink,
+		utPdfLink,
+		setutPdfLink,
+		flZipLink,
+		setflZipLink,
+		utZipLink,
+		setutZipLink,
+		flMp3Link,
+		setflMp3Link,
+		selectedSubject,
+		setSelectedSubject,
+		selectedYear,
+		setSelectedYear,
+		selectedPeriod,
+		setSelectedPeriod,
+		selectedLevel,
+		setSelectedLevel,
+		years,
+		setYears,
+	} = useAppState();
+
+	useYears(setYears);
+
+	useEffect(() => {
+		if (selectedLevel && selectedPeriod && selectedSubject && selectedYear) {
+			void fetchData(
+				selectedSubject,
+				selectedYear,
+				selectedPeriod,
+				selectedLevel,
+				setflZipLink,
+				setutZipLink,
+				setflPdfLink,
+				setutPdfLink,
+				setflMp3Link,
+			);
+		}
+	}, [
+		selectedLevel,
+		selectedPeriod,
+		selectedSubject,
+		selectedYear,
+		setutPdfLink,
+		setflZipLink,
+		setutZipLink,
+		setflPdfLink,
+		setflMp3Link,
+	]);
+
+	return (
+		<main className="dark:bg-[#121212] text-foreground bg-background py-5">
+			<h1 className="text-4xl font-bold text-blue-400 text-center mt-16">
+				Érettségi kereső
+			</h1>
+			<div className="flex min-h-screen flex-col items-center justify-between">
+				<div className="container mx-auto">
+					<div className="flex flex-col items-center justify-center">
+						<div className="mt-5 mb-3">
+							<SubjectSelector
+								selectedSubject={selectedSubject}
+								setSelectedSubject={setSelectedSubject}
+								subjects={subjects}
+							/>
+						</div>
+						<div className="mb-3">
+							<YearSelector
+								selectedYear={selectedYear}
+								setSelectedYear={setSelectedYear}
+								years={years}
+							/>
+						</div>
+						<div className="mb-3">
+							<PeriodSelector
+								selectedPeriod={selectedPeriod}
+								setSelectedPeriod={setSelectedPeriod}
+							/>
+						</div>
+						<div className="mb-3">
+							<LevelSelector
+								selectedLevel={selectedLevel}
+								setSelectedLevel={setSelectedLevel}
+							/>
+						</div>
+						<div className="space-x-3">
+							<ButtonGroup>
+								<PdfButton label="Feladatlap" link={flPdfLink} />
+								<Divider orientation="vertical" />
+								<PdfButton label="Útmutató" link={utPdfLink} />
+							</ButtonGroup>
+						</div>
+						{["inf", "infoism", "digkult"].includes(selectedSubject) && (
+							<div className="space-x-3">
+								<ButtonGroup>
+									<ZipButton label="Forrás" link={flZipLink} />
+									<Divider orientation="vertical" />
+									<ZipButton label="Megoldás" link={utZipLink} />
+								</ButtonGroup>
+							</div>
+						)}
+						{["angol", "nemet"].includes(selectedSubject) && (
+							<div className="space-x-3">
+								<Mp3Button label="Hang" link={flMp3Link} />
+							</div>
+						)}
+					</div>
+				</div>
+			</div>
+			<Footer />
+		</main>
+	);
+}