minor changes / cleanup

src/components/Buttons.tsx

@@ -0,0 +1,27 @@
+import { Button } from '@nextui-org/react'
+
+export const PdfButton: React.FC<{ label: string; link: string }> = ({
+  label,
+  link,
+}) => (
+  <Button
+    isDisabled={!link}
+    className='w-24 mt-3 text-sm bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-2'
+    onClick={link ? () => window.open(link) : () => {}}
+  >
+    {label}
+  </Button>
+)
+
+export const ZipButton: React.FC<{ label: string; link: string }> = ({
+  label,
+  link,
+}) => (
+  <Button
+    isDisabled={!link}
+    className='w-24 mt-3 text-sm bg-blue-500 hover:bg-blue-700  text-white font-bold py-2 px-2'
+    onClick={link ? () => window.open(link) : () => {}}
+  >
+    {label}
+  </Button>
+)

src/components/Selectors.tsx

@@ -0,0 +1,80 @@
+import { Select, SelectItem } from '@nextui-org/react'
+import { SelectorProps } from '@/utils/props'
+
+export const SubjectSelector: React.FC<
+  Pick<SelectorProps, 'selectedSubject' | 'setSelectedSubject' | 'subjects'>
+> = ({ selectedSubject, setSelectedSubject, subjects }) => (
+  <Select
+    selectionMode='single'
+    disallowEmptySelection={true}
+    label='Tárgy'
+    value={selectedSubject}
+    onChange={(e) => setSelectedSubject(e.target.value)}
+    className='w-56'
+  >
+    {subjects.map((subject) => (
+      <SelectItem key={subject.value} value={subject.value}>
+        {subject.label}
+      </SelectItem>
+    ))}
+  </Select>
+)
+
+export const YearSelector: React.FC<
+  Pick<SelectorProps, 'selectedYear' | 'setSelectedYear' | 'years'>
+> = ({ selectedYear, setSelectedYear, years }) => (
+  <Select
+    selectionMode='single'
+    disallowEmptySelection={true}
+    label='Év'
+    value={selectedYear}
+    onChange={(e) => setSelectedYear(e.target.value)}
+    className='w-56'
+  >
+    {years.map((year) => (
+      <SelectItem key={year} value={year}>
+        {year}
+      </SelectItem>
+    ))}
+  </Select>
+)
+
+export const PeriodSelector: React.FC<
+  Pick<SelectorProps, 'selectedPeriod' | 'setSelectedPeriod'>
+> = ({ selectedPeriod, setSelectedPeriod }) => (
+  <Select
+    selectionMode='single'
+    disallowEmptySelection={true}
+    label='Időszak'
+    value={selectedPeriod}
+    onChange={(e) => setSelectedPeriod(e.target.value)}
+    className='w-56'
+  >
+    <SelectItem key={'tavasz'} value={'tavasz'}>
+      Tavasz
+    </SelectItem>
+    <SelectItem key={'osz'} value={'osz'}>
+      Ősz
+    </SelectItem>
+  </Select>
+)
+
+export const LevelSelector: React.FC<
+  Pick<SelectorProps, 'selectedLevel' | 'setSelectedLevel'>
+> = ({ selectedLevel, setSelectedLevel }) => (
+  <Select
+    selectionMode='single'
+    disallowEmptySelection={true}
+    label='Szint'
+    value={selectedLevel}
+    onChange={(e) => setSelectedLevel(e.target.value)}
+    className='w-56'
+  >
+    <SelectItem key={'kozep'} value={'kozep'}>
+      Közép
+    </SelectItem>
+    <SelectItem key={'emelt'} value={'emelt'}>
+      Emelt
+    </SelectItem>
+  </Select>
+)