Save timetable button connected to backend

This commit is contained in:
maciekglowacki
2020-10-27 01:24:35 +01:00
parent 8ceef555d1
commit 157dc2f35e
5 changed files with 61 additions and 54 deletions

View File

@ -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();