From 1f0abce32e774ffd840b9943c017e15772472ee7 Mon Sep 17 00:00:00 2001
From: philippkb <65279062+philippkb@users.noreply.github.com>
Date: Wed, 7 Jul 2021 14:25:11 +0200
Subject: [PATCH] question view now mit working categories

---
 src/components/admin/questions/Question.tsx   |  7 ++-----
 src/components/admin/shared/sharedMockData.ts | 14 +-------------
 src/components/admin/useFetchData.ts          |  9 ++-------
 src/redux/Slices/categoriesSlice.ts           |  9 ++++++++-
 4 files changed, 13 insertions(+), 26 deletions(-)

diff --git a/src/components/admin/questions/Question.tsx b/src/components/admin/questions/Question.tsx
index ab0f0da..215c1ba 100644
--- a/src/components/admin/questions/Question.tsx
+++ b/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>
                         )
                     })}
diff --git a/src/components/admin/shared/sharedMockData.ts b/src/components/admin/shared/sharedMockData.ts
index 0df36eb..993dd77 100644
--- a/src/components/admin/shared/sharedMockData.ts
+++ b/src/components/admin/shared/sharedMockData.ts
@@ -1,13 +1 @@
-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
diff --git a/src/components/admin/useFetchData.ts b/src/components/admin/useFetchData.ts
index 0077f65..8fd3962 100644
--- a/src/components/admin/useFetchData.ts
+++ b/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) {
diff --git a/src/redux/Slices/categoriesSlice.ts b/src/redux/Slices/categoriesSlice.ts
index cc6f5c2..24371a3 100644
--- a/src/redux/Slices/categoriesSlice.ts
+++ b/src/redux/Slices/categoriesSlice.ts
@@ -1,5 +1,6 @@
 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
-- 
GitLab