fix eslint

src/components/SemesterAdministration/SemesterAdministration.tsx

@@ -1,20 +1,20 @@
-import {Stack, Typography} from '@mui/material'
-import {useQuery} from '@tanstack/react-query'
+import { Stack, Typography } from '@mui/material'
+import { useQuery } from '@tanstack/react-query'
 import axios from 'axios'
-import {FC, useState} from 'react'
-
-import {Button} from '@/components/Clickable/Button'
-import {Link} from '@/components/Clickable/Link'
-import {SemesterWithProblems} from '@/types/api/generated/competition'
-import {formatDateTime} from '@/utils/formatDate'
-import {useDataFromURL} from '@/utils/useDataFromURL'
-import {useHasPermissions} from '@/utils/useHasPermissions'
-
-import {Loading} from '../Loading/Loading'
-import {PublicationUploader} from '../PublicationUploader/PublicationUploader'
-import {Result} from '../Results/ResultsRow'
+import { FC, useState } from 'react'
+
+import { Button } from '@/components/Clickable/Button'
+import { Link } from '@/components/Clickable/Link'
+import { SemesterWithProblems } from '@/types/api/generated/competition'
+import { formatDateTime } from '@/utils/formatDate'
+import { useDataFromURL } from '@/utils/useDataFromURL'
+import { useHasPermissions } from '@/utils/useHasPermissions'
+
+import { Loading } from '../Loading/Loading'
+import { PublicationUploader } from '../PublicationUploader/PublicationUploader'
+import { Result } from '../Results/ResultsRow'
 import styles from './SemesterAdministration.module.scss'
-import {SecurityUpdateSharp} from '@mui/icons-material'
+import { SecurityUpdateSharp } from '@mui/icons-material'
 
 interface PostalCard {
   code: number
@@ -28,13 +28,13 @@ interface PostalCard {
 
 export const SemesterAdministration: FC = () => {
   const {
-    id: {semesterId},
+    id: { semesterId },
     loading: urlDataLoading,
   } = useDataFromURL()
 
-  const {hasPermissions, permissionsIsLoading} = useHasPermissions()
+  const { hasPermissions, permissionsIsLoading } = useHasPermissions()
 
-  const {data: semesterData, isLoading: semesterIsLoading} = useQuery({
+  const { data: semesterData, isLoading: semesterIsLoading } = useQuery({
     queryKey: ['competition', 'semester', semesterId],
     queryFn: () => axios.get<SemesterWithProblems>(`/api/competition/semester/${semesterId}`),
     // router.query.params su v prvom renderi undefined, tak pustime query az so spravnym semesterId
@@ -46,7 +46,7 @@ export const SemesterAdministration: FC = () => {
 
   const getResults = async (seriesId: number | null) => {
     const isSemester = seriesId === null
-    const {data} = await axios.get<Result[]>(
+    const { data } = await axios.get<Result[]>(
       isSemester ? `/api/competition/semester/${semesterId}/results` : `/api/competition/series/${seriesId}/results`,
     )
     setTextareaContent(
@@ -75,7 +75,7 @@ export const SemesterAdministration: FC = () => {
   }
 
   const getPostalCards = async (offline_only: boolean) => {
-    const {data} = await axios.get<PostalCard[]>(
+    const { data } = await axios.get<PostalCard[]>(
       `/api/competition/semester/${semesterId}/${offline_only ? 'offline-schools' : 'schools'}`,
     )
     setTextareaContent(
@@ -109,7 +109,7 @@ export const SemesterAdministration: FC = () => {
         </Button>
       </Stack>
       {semester.series_set.map((series) => (
-        <Stack>
+        <Stack key={semester.id}>
           <Stack key={series.id} gap={1} mt={5}>
             <Typography variant="h2">{series.order}. séria</Typography>
             <Stack pl={2} alignItems="start">
@@ -190,7 +190,7 @@ export const SemesterAdministration: FC = () => {
       )}
 
       <Stack mt={1} gap={1}>
-        <Typography variant="h2" sx={{marginTop: 3}}>
+        <Typography variant="h2" sx={{ marginTop: 3 }}>
           Nahrávanie časopisov
         </Typography>
         {[1, 2, 3].map((order) => (