Checkpoint

src/contexts/CoursesProvider.tsx

@@ -1,12 +1,14 @@
 import React, { useState, createContext, useEffect } from 'react';
-import { Course, Group } from '../types';
+import { Course, Group, CourseBasket } from '../types';
 import axios from 'axios';
+
 interface CourseContext {
   courses: Array<Course>;
   choosenCourses: Array<Course>;
   choosenGroups: Array<Group>;
+  coursesBasket: Array<CourseBasket>;
   addChoosenCourse: (courses: Course) => void;
-  addChoosenGroup: (group: Group) => void;
+  addChoosenGroup: (group: Group, id: number) => void;
 }
 export const coursesContext = createContext<CourseContext | null>(null);
 
@@ -15,25 +17,60 @@ interface CoursesProviderProps {
 }
 
 export const CoursesProvider = ({ children }: CoursesProviderProps) => {
+  //fetch courses with groups
   const [courses, setCourses] = useState<Array<Course>>([]);
+  const [coursesBasket, setCoursesBasket] = useState<Array<CourseBasket>>([]);
+  //with groups
   const [choosenCourses, setChoosenCourses] = useState<Array<Course>>([]);
   const [choosenGroups, setChoosenGroups] = useState<Array<Group>>([]);
 
   const addChoosenCourse = (choosenCourse: Course) => {
     setChoosenCourses([...choosenCourses, choosenCourse]);
   };
-  const addChoosenGroup = (choosenGroup: Group) => {
-    //const choosenCourse = courses.filter(course=>(course.groups.map(group=>group.id).includes(choosenGroup.id)))
-    console.log("id" + choosenGroup.id )
-    console.log("mapowanie: " + courses.filter(course=>(course.groups.map(group=>group.id))));
-    //console.log("wybrane kursy: " + choosenCourse);
-    setChoosenGroups([...choosenGroups, choosenGroup]);
+  const addChoosenGroup = (choosenGroup: Group, id: number) => {
+    //move to utilities
+    //change type to group type from api
+    function hasChoosenGroupType(type: string) {
+      const res = choosenCourse.groups!.find((group) => group.type === type);
+      console.log(`res is: ${JSON.stringify(res)}`);
+      return !!res;
+    }
+
+    const choosenCourse = choosenCourses.find((cc) => cc.id === id)!;
+
+    const type = choosenGroup.type;
+    console.log(`group type is: ${type}`);
+    if (hasChoosenGroupType(type)) {
+      const group = choosenCourse.groups!.find((group) => group.type === type);
+      console.log(`group is: ${JSON.stringify(group)}`);
+      console.log(choosenCourse.groups);
+      if (group) {
+        group.type = type;
+      }
+      setChoosenGroups([...choosenGroups, choosenGroup]);
+    } else {
+      console.log('pierwsza grupa/wykłąd');
+      //może być złe
+      choosenCourse.groups!.push(choosenGroup);
+      // setChoosenCourses(course => course.id === choosenCourse.id)
+      setChoosenGroups([...choosenGroups, choosenGroup]);
+    }
+    console.log(`choosen courses after changing group: ${JSON.stringify(choosenCourses)}`);
+
+    console.log(choosenCourse);
   };
 
   useEffect(() => {
     const fetchData = async () => {
-      const { data } = await axios.get(`${process.env.REACT_APP_API_URL}/getCourses`);
-      setCourses(data);
+      const { data: courses } = await axios.get(`${process.env.REACT_APP_API_URL}/getCourses`);
+
+      for (const course of courses) {
+        const { data: groups } = await axios.get(`${process.env.REACT_APP_API_URL}/getCourseGroups?id=${course.id}`);
+        //porozmawiać z Filipem, żeby odrobinę przerobił endpoint
+        course.groups = groups;
+      }
+
+      setCourses(courses);
     };
     fetchData();
   }, []);