From 97c8a76b2b8d0fcb69475314fae3925319cecaed Mon Sep 17 00:00:00 2001
From: Ben De Meurichy <ben.demeurichy@ugent.be>
Date: Tue, 21 May 2024 00:06:49 +0200
Subject: [PATCH] fixed missing properties

---
 .../frontend/src/components/TabSwitcher.tsx   | 64 ++++++++++---------
 .../src/pages/subjectsPage/SubjectsPage.tsx   |  4 ++
 2 files changed, 37 insertions(+), 31 deletions(-)

diff --git a/frontend/frontend/src/components/TabSwitcher.tsx b/frontend/frontend/src/components/TabSwitcher.tsx
index 591416fa..a934c518 100644
--- a/frontend/frontend/src/components/TabSwitcher.tsx
+++ b/frontend/frontend/src/components/TabSwitcher.tsx
@@ -11,7 +11,7 @@ import { grey } from '@mui/material/colors'
 import { Box, MenuItem, Select } from '@mui/material'
 
 interface TabSwitcherProps {
-    selectedYear: number
+    selectedYear?: number
     setSelectedYear: (year: number) => void
     titles: string[]
     nodes: ReactNode[]
@@ -49,37 +49,39 @@ export default function TabSwitcher({
                             </Tab>
                         ))}
                     </TabsList>
-                    <Box
-                        height={'100%'}
-                        display={'flex'}
-                        flexDirection={'column'}
-                        justifyContent={'center'}
-                        alignItems={'flex-start'}
-                        mb={2}
-                    >
-                        <Select
-                            variant={'outlined'}
-                            color={'primary'}
-                            value={selectedYear}
-                            onChange={(e) =>
-                                setSelectedYear(e.target.value as number)
-                            }
-                            label="Select Academic Year"
-                            sx={{
-                                minWidth: 150,
-                                '& .MuiSelect-outlined': {
-                                    border: 1.5,
-                                    borderColor: 'primary.main',
-                                },
-                            }}
+                    {selectedYear && (
+                        <Box
+                            height={'100%'}
+                            display={'flex'}
+                            flexDirection={'column'}
+                            justifyContent={'center'}
+                            alignItems={'flex-start'}
+                            mb={2}
                         >
-                            {[2022, 2023, 2024, 2025].map((year) => (
-                                <MenuItem key={year} value={year}>
-                                    {year}
-                                </MenuItem>
-                            ))}
-                        </Select>
-                    </Box>
+                            <Select
+                                variant={'outlined'}
+                                color={'primary'}
+                                value={selectedYear}
+                                onChange={(e) =>
+                                    setSelectedYear(e.target.value as number)
+                                }
+                                label="Select Academic Year"
+                                sx={{
+                                    minWidth: 150,
+                                    '& .MuiSelect-outlined': {
+                                        border: 1.5,
+                                        borderColor: 'primary.main',
+                                    },
+                                }}
+                            >
+                                {[2022, 2023, 2024, 2025].map((year) => (
+                                    <MenuItem key={year} value={year}>
+                                        {year}
+                                    </MenuItem>
+                                ))}
+                            </Select>
+                        </Box>
+                    )}
                 </Box>
                 {nodes.map((node, index) => (
                     <TabPanel id={`node${index}`} key={index} value={index}>
diff --git a/frontend/frontend/src/pages/subjectsPage/SubjectsPage.tsx b/frontend/frontend/src/pages/subjectsPage/SubjectsPage.tsx
index 86909b4b..91a52e1d 100644
--- a/frontend/frontend/src/pages/subjectsPage/SubjectsPage.tsx
+++ b/frontend/frontend/src/pages/subjectsPage/SubjectsPage.tsx
@@ -271,6 +271,8 @@ export function SubjectsPage() {
                                         />
                                     ) : (
                                         <TabSwitcher
+                                            selectedYear={undefined}
+                                            setSelectedYear={() => undefined}
                                             titles={[
                                                 'current_projects',
                                                 'archived',
@@ -400,6 +402,8 @@ export function SubjectsPage() {
                                         />
                                     ) : (
                                         <TabSwitcher
+                                            selectedYear={undefined}
+                                            setSelectedYear={() => undefined}
                                             titles={[
                                                 'current_projects',
                                                 'archived',