Save timetable button connected to backend

src/contexts/CoursesProvider.tsx

@@ -1,7 +1,8 @@
 import React, { useState, createContext, useEffect, ReactNode, useContext } from 'react';
 import { Course, Group, Basket, GroupType } from '../types';
 import axios from 'axios';
-import { CASContext, CASProvider } from './CASProvider';
+import { CASContext } from './CASProvider';
+import { useSnackbar } from 'notistack';
 
 interface CourseContext {
   courses: Array<Course>;
@@ -22,9 +23,18 @@ export const CoursesProvider = ({ children }: CoursesProviderProps) => {
   const [courses, setCourses] = useState<Array<Course>>([]);
   const [basket, setBasket] = useState<Array<Basket>>([]);
 
+  const { enqueueSnackbar } = useSnackbar();
+
   const CAS = useContext(CASContext)!;
   const token = CAS?.user?.token;
 
+  const selectBasketIds = (basket: Array<Basket>) => {
+    const classesIds = basket.map((course) => course.classes.id);
+    const lecturesIds = basket.map((course) => course?.lecture?.id);
+
+    return lecturesIds[0] === undefined ? classesIds : [...classesIds, ...lecturesIds];
+  };
+
   const addToBasket = (course: Course) => {
     const courseToBasket: Basket = {
       name: course.name,
@@ -38,30 +48,33 @@ export const CoursesProvider = ({ children }: CoursesProviderProps) => {
   const deleteFromBasket = (id: number) => setBasket(basket.filter((course) => course.id !== id));
 
   const saveBasket = async () => {
+    const basketIds = selectBasketIds(basket);
+
+    const config = {
+      method: 'post' as const,
+      url: `${process.env.REACT_APP_API_URL}/api/v1/commisions/add?`,
+      headers: {
+        Authorization: `Bearer ${token}`,
+        'Content-Type': 'application/json',
+      },
+      data: JSON.stringify(basketIds),
+    };
+
     try {
-      //to be deleted
-      let data = [7, 43, 54];
-      let json = JSON.stringify(data);
-      let post_data = { json_data: json };
-      const ech = await axios.post<Array<number>>(
-        `${process.env.REACT_APP_API_URL}/api/v1/commisions/add?`,
-        [7, 43, 54],
-        {
-          headers: {
-            Authorization: `Bearer ${token}`,
-          },
-        },
-      );
-      console.log('api response;', ech);
+      await axios.request(config);
+      enqueueSnackbar('Plan został zapisany', {
+        variant: 'success',
+      });
     } catch (e) {
-      console.log(e);
+      enqueueSnackbar('Zapisywanie planu nie powiodło się', {
+        variant: 'error',
+      });
     }
-    console.log('saving to basket');
   };
 
   const addGroup = (choosenGroup: Group, id: number) => {
     const basketCourse = basket.filter((course) => course.id === id)[0];
-    const type = choosenGroup.type;
+    const { type } = choosenGroup;
     if (type === GroupType.CLASS) {
       setBasket(
         basket.map((basket) => (basket.id === basketCourse.id ? { ...basket, classes: choosenGroup } : basket)),
@@ -78,7 +91,7 @@ export const CoursesProvider = ({ children }: CoursesProviderProps) => {
       const { data: courses } = await axios.get<Array<Course>>(
         `${process.env.REACT_APP_API_URL}/api/v1/courses/getCoursesWithGroups`,
       );
-      courses.sort((a: Course, b: Course) => (a.name > b.name ? 1 : -1));
+      courses.sort((a, b) => (a.name > b.name ? 1 : -1));
       setCourses(courses);
     };
     fetchData();