You can add lecture to your basket now

src/businesslogic/LecturesProvider.tsx

@@ -0,0 +1,24 @@
+import React, { useState } from "react";
+import { Lecture } from "../lectures";
+
+interface ILectureContext {
+    lectures: Array<Lecture> 
+    updateLectures: (lectures: Lecture) => void
+}
+export const LecturesContext = React.createContext({lectures: Array<Lecture>(),  updateLectures: (lectures: Lecture) => {}});
+
+export const LecturesProvider : React.FC = (props) => {
+
+    const [lectures, setLectures] = useState<Array<Lecture>>([]); 
+
+    const updateLectures = (lecture : Lecture) => {setLectures([...lectures, lecture]); console.log(`Lectures xd are: ${JSON.stringify(lectures)}\n`)}
+
+    return (
+        <LecturesContext.Provider value={{lectures: lectures, updateLectures : updateLectures}}>
+            {props.children}
+        </LecturesContext.Provider>
+    );
+
+
+}
+

src/components/RightBar/index.tsx

@@ -1,9 +1,10 @@
-import React, { useState } from "react";
+import React, { useState, useContext } from "react";
 import "./index.scss";
 import { Lecture } from "../../lectures";
 import LectureCard from "./LectureCard";
 import BusinessLogicContext from "../../businesslogic/BusinessLogicContext";
 import { BuisnessProvided } from "../../businesslogic/BusinessLogicProvider";
+import { LecturesContext } from "../../businesslogic/LecturesProvider";
 
 interface RightBarProps {
 	onGroupMouseOver: (id: string, name: string) => void;
@@ -14,6 +15,9 @@ interface RightBarProps {
 export default function RightBar({ lectures, onGroupMouseOver, onGroupClick }: RightBarProps) {
 	const [selectedCardId, setSelectedCardId] = useState<string | null>(null);
 
+	const lecturesContext = useContext(LecturesContext);
+
+
 	const onCardClick = (e: React.MouseEvent) => {
 		const target = e.currentTarget as HTMLElement;
 		selectedCardId === target.id ? setSelectedCardId(null) : setSelectedCardId(target.id);
@@ -28,7 +32,7 @@ export default function RightBar({ lectures, onGroupMouseOver, onGroupClick }: R
 				Hubert Wrzesiński<br></br>
 				Semestr zimowy 2020/2021
 			</div>
-			{lectures.map((lecture, index) => (
+			{lecturesContext.lectures.map((lecture, index) => (
 				<LectureCard
 					lecture={lecture}
 					key={index}

src/components/TopBar/Results/index.tsx

@@ -1,8 +1,12 @@
-import React, { useState } from "react";
+import React, { useState, useContext } from "react";
 import axios from "axios";
 import { Input } from "@material-ui/core";
 import "./index.scss";
 import ClickAwayListener from "@material-ui/core/ClickAwayListener";
+import { LecturesContext } from "../../../businesslogic/LecturesProvider";
+import { Lecture, Group } from "../../../lectures";
+import { GroupingPanel } from "@devexpress/dx-react-scheduler";
+import { group } from "console";
 
 interface data {
   id: number;
@@ -10,11 +14,18 @@ interface data {
   sym: string;
 }
 
+
+
+
+
 export const Results: React.FC = () => {
   const [input, setInput] = useState<string>("");
   const [data, setData] = useState<Array<data>>([]);
   const [open, setOpen] = React.useState(false);
 
+  const lecturesContext = useContext(LecturesContext);
+
+
   const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     setInput(event.target.value);
     //query should be updated on backend to not accept empty string
@@ -39,6 +50,36 @@ export const Results: React.FC = () => {
     setOpen(false);
   };
 
+	const onLectureClick = (e: React.MouseEvent) => {
+		const target = e.currentTarget as HTMLElement;
+    const id = target.id;
+
+    const lecture = {name: "", groups: []} as Lecture;
+
+    console.log(id);
+    axios
+    .get(`http://localhost:1287/getClassesByCourseId?id=${id}`)
+    .then((response) => {
+      for(let data of response.data){
+        console.log("XDD");
+        console.log(data);
+        let group = {} as Group;
+        lecture.name = data.course.name;
+        group.id = data.id;
+        group.day = data.day;
+        group.time = data.time;
+        group.lecturer =  `${data.lecturer.title} ${data.lecturer.name} ${data.lecturer.surname}`;
+        group.room = data.room.trim();
+        lecture.groups.push(group);
+        console.log("XDDD");
+        console.log(lecture.groups);
+       lecturesContext.updateLectures(lecture);
+      }
+ 
+    setOpen(false);
+    });
+  }
+
   return (
     <ClickAwayListener onClickAway={handleClickAway}>
       <div>
@@ -52,7 +93,7 @@ export const Results: React.FC = () => {
         {open ? (
           <div className="dropdown">
             {data.map((lecture, index) => (
-              <div className="lecture" key={index}>
+            <div className="lecture" key={index} id={String(lecture.id)} onClick={onLectureClick}>
                 <p>{lecture.name} </p>
               </div>
             ))}
@@ -62,3 +103,4 @@ export const Results: React.FC = () => {
     </ClickAwayListener>
   );
 };
+            

src/index.tsx

@@ -2,12 +2,15 @@ import React from "react";
 import ReactDOM from "react-dom";
 import App from "./App";
 import BuisnessLogicProvider from "./businesslogic/BusinessLogicProvider";
+import { LecturesProvider } from "./businesslogic/LecturesProvider";
 
 ReactDOM.render(
 	<>
+	<LecturesProvider>
 		<BuisnessLogicProvider>
 			<App />
 		</BuisnessLogicProvider>
+	</LecturesProvider>
 	</>,
 	document.getElementById("root")
 );

src/lectures.ts

@@ -3,7 +3,7 @@ export interface Lecture {
 	groups: Array<Group>;
 }
 
-interface Group {
+export interface Group {
 	id: string;
 	day: string;
 	time: string;