question view now mit working categories

src/components/admin/questions/Question.tsx

@@ -101,11 +101,8 @@ export const Question: React.FC<QuestionProp> = ({
                 >
                     {categories.map((categorie) => {
                         return (
-                            <option
-                                value={categorie.categorieId}
-                                key={categorie.categorieId}
-                            >
-                                {categorie.categorie}
+                            <option value={categorie} key={categorie}>
+                                {categorie}
                             </option>
                         )
                     })}

src/components/admin/shared/sharedMockData.ts

-export interface ICategorie {
-    categorieId: string
-    categorie: string
-}
-
-export const mockCategorieData: ICategorie[] = [
-    { categorieId: '0', categorie: 'Wassersport' },
-    { categorieId: '1', categorie: 'Ballsport' },
-    { categorieId: '2', categorie: 'Wettkampf' },
-    { categorieId: '3', categorie: 'Kampfsport' },
-    { categorieId: '4', categorie: 'Fitness' },
-    { categorieId: '5', categorie: 'Gesundheit' }
-]
+export type ICategorie = string

src/components/admin/useFetchData.ts

@@ -4,18 +4,12 @@ import { updateOrderedPages } from '../../redux/Slices/orderedPagesSlice'
 import { updateQuestions } from '../../redux/Slices/questionsSlice'
 import { updateSnacks } from '../../redux/Slices/snacksSlice'
 import { updateActivities } from '../../redux/Slices/activitiesSlice'
+import { updateCategoriesFromSport } from '../../redux/Slices/categoriesSlice'
 import { useEffect, useState } from 'react'
 import { useLocation } from 'react-router-dom'
 
 export const useFetchData = async () => {
-    /*const sportsData = useAppSelector((state) => state.sportsData.value)
-    const activitiesData = useAppSelector((state) => state.sportsData.value)
-    const questionsData = useAppSelector((state) => state.sportsData.value)
-    const snacksData = useAppSelector((state) => state.sportsData.value)
-    const orderedPagesData = useAppSelector((state) => state.sportsData.value)*/
-
     const location = useLocation()
-
     const [startedLoading, setStartedLoading] = useState(false)
     const dispatch = useAppDispatch()
 
@@ -56,6 +50,7 @@ export const useFetchData = async () => {
                 dispatch(updateQuestions(questions))
                 dispatch(updateSnacks(snacks))
                 dispatch(updateActivities(activities))
+                dispatch(updateCategoriesFromSport(sports[0]))
 
                 console.log(sports, orderedPages, questions, snacks, activities)
             } catch (error) {

src/redux/Slices/categoriesSlice.ts

 import { createSlice, PayloadAction } from '@reduxjs/toolkit'
 import { ICategorie } from '../../components/admin/shared/sharedMockData'
+import { ISports } from '../../types/ApiTypes'
 
 interface categoriesState {
     value: ICategorie[]
@@ -15,9 +16,15 @@ export const categoriesSlice = createSlice({
     reducers: {
         updateCategories: (state, action: PayloadAction<ICategorie[]>) => {
             state.value = action.payload
+        },
+        updateCategoriesFromSport: (state, action: PayloadAction<ISports>) => {
+            state.value = Object.keys(action.payload.categoryWeights)
         }
     }
 })
 
-export const { updateCategories } = categoriesSlice.actions
+export const {
+    updateCategories,
+    updateCategoriesFromSport
+} = categoriesSlice.actions
 export default categoriesSlice.reducer