docs: Add comments

client/src/pages/views/OperatorViewPage.tsx

@@ -305,31 +305,6 @@ const OperatorViewPage: React.FC = () => {
             </OperatorButton>
           </Tooltip>
 
-          {/* 
-          // Manual start button
-          <Tooltip title="Start Presentation" arrow>
-            <OperatorButton onClick={startCompetition} variant="contained">
-              start
-            </OperatorButton>
-          </Tooltip>
-
-          
-          // This creates a join button, but Operator should not join others, others should join Operator
-          <Tooltip title="Join Presentation" arrow>
-            <OperatorButton onClick={socketJoinPresentation} variant="contained">
-              <GroupAddIcon fontSize="large" />
-            </OperatorButton>
-          </Tooltip>
-          
-
-          // This creates another end button, it might not be needed since we already have one
-          <Tooltip title="End Presentation" arrow>
-            <OperatorButton onClick={socketEndPresentation} variant="contained">
-              <CancelIcon fontSize="large" />
-            </OperatorButton>
-          </Tooltip>
-          */}
-
           <Tooltip title="Starta Timer" arrow>
             <OperatorButton onClick={socketStartTimer} variant="contained">
               <TimerIcon fontSize="large" />

client/src/reducers/citiesReducer.ts

@@ -2,11 +2,14 @@ import { AnyAction } from 'redux'
 import Types from '../actions/types'
 import { City } from '../interfaces/ApiModels'
 
+// Define a type for the city state
 interface CityState {
   cities: City[]
   total: number
   count: number
 }
+
+// Define initial values for the city state
 const initialState: CityState = {
   cities: [],
   total: 0,

client/src/reducers/competitionLoginReducer.ts

 import { AnyAction } from 'redux'
 import Types from '../actions/types'
 
+// Define a type for the competition login data
 interface CompetitionLoginData {
   competition_id: number
   team_id: number | null
   view: string
 }
-
+// Define a type for UI error
 interface UIError {
   message: string
 }
 
+// Define a type for the competition login state
 interface CompetitionLoginState {
   loading: boolean
   errors: null | UIError
@@ -19,6 +21,7 @@ interface CompetitionLoginState {
   initialized: boolean
 }
 
+// Define the initial values for the competition login state
 const initialState: CompetitionLoginState = {
   loading: false,
   errors: null,

client/src/reducers/competitionsReducer.ts

@@ -10,6 +10,7 @@ interface CompetitionState {
   filterParams: CompetitionFilterParams
 }
 
+// Define the initial values for the competition state
 const initialState: CompetitionState = {
   competitions: [],
   total: 0,

client/src/reducers/mediaReducer.ts

@@ -7,6 +7,8 @@ interface MediaState {
   mediatype_id: number
   user_id: number
 }
+
+// Define the initial values for the media state
 const initialState: MediaState = {
   id: 0,
   filename: '',

client/src/reducers/presentationReducer.ts

 import { AnyAction } from 'redux'
 import Types from '../actions/types'
-import { Slide, Team } from '../interfaces/ApiModels'
+import { Slide } from '../interfaces/ApiModels'
 import { Timer } from '../interfaces/Timer'
 import { RichCompetition } from './../interfaces/ApiRichModels'
 
+// Define a type for the presentation state
 interface PresentationState {
   competition: RichCompetition
   slide: Slide
@@ -11,6 +12,7 @@ interface PresentationState {
   timer: Timer
 }
 
+// Define the initial values for the presentation state
 const initialState: PresentationState = {
   competition: {
     name: '',

client/src/reducers/rolesReducer.ts

@@ -2,9 +2,12 @@ import { AnyAction } from 'redux'
 import Types from '../actions/types'
 import { Role } from '../interfaces/ApiModels'
 
+// Define a type for the role state
 interface RoleState {
   roles: Role[]
 }
+
+// Define the initial values for the role state
 const initialState: RoleState = {
   roles: [],
 }

client/src/reducers/searchUserReducer.ts

@@ -3,6 +3,7 @@ import Types from '../actions/types'
 import { User } from '../interfaces/ApiModels'
 import { UserFilterParams } from '../interfaces/FilterParams'
 
+// Define a type for the search user state
 interface SearchUserState {
   users: User[]
   total: number
@@ -10,6 +11,7 @@ interface SearchUserState {
   filterParams: UserFilterParams
 }
 
+// Define the initial values for the search user state
 const initialState: SearchUserState = {
   users: [],
   total: 0,

client/src/reducers/statisticsReducer.ts

 import { AnyAction } from 'redux'
 import Types from '../actions/types'
 
+// Define a type for the statistics state
 interface StatisticsState {
   users: number
   competitions: number
   regions: number
 }
 
+// Define the initial values for the statistics state
 const initialState: StatisticsState = {
   users: 0,
   competitions: 0,

client/src/reducers/typesReducer.ts

@@ -2,12 +2,14 @@ import { AnyAction } from 'redux'
 import Types from '../actions/types'
 import { ComponentType, MediaType, QuestionType, ViewType } from '../interfaces/ApiModels'
 
+// Define a type for the Types state
 interface TypesState {
   componentTypes: ComponentType[]
   viewTypes: ViewType[]
   questionTypes: QuestionType[]
   mediaTypes: MediaType[]
 }
+// Define the initial values for the types state
 const initialState: TypesState = {
   componentTypes: [],
   viewTypes: [],

client/src/reducers/uiReducer.ts

 import { AnyAction } from 'redux'
 import Types from '../actions/types'
 
+// Define a type for the UI error
 interface UIError {
   message: string
 }
 
+// Define a type for the UI state
 interface UIState {
   loading: boolean
   errors: null | UIError
 }
 
+// Define the initial values for the UI state
 const initialState: UIState = {
   loading: false,
   errors: null,

client/src/reducers/userReducer.ts

 import { AnyAction } from 'redux'
 import Types from '../actions/types'
 
+// Define a type for users info
 interface UserInfo {
   name: string
   email: string
@@ -9,12 +10,14 @@ interface UserInfo {
   id: number
 }
 
+// Define a type for the users state
 interface UserState {
   authenticated: boolean
   userInfo: UserInfo | null
   loading: boolean
 }
 
+// Define the initial values for the users state
 const initialState: UserState = {
   authenticated: false,
   loading: false,