adding groups to scheduler

src/components/Scheduler/SchedulerEvents/index.tsx

@@ -21,15 +21,12 @@ export const SchedulerEvents = ({
 
   const [groupsMappedToEvents, setGroupsMappedToEvents] = useState<any>([]);
 
-
-
   // const groups: Array<Group> = [{ id: "5", day: "4", time: "11.45", lecturer: "dr Dorota Blinkiewicz", room: "A2-3" },
   // { id: "28", day: "1", time: "13.45", lecturer: "dr Barbara Kołodziejczak", room: "D-3" },
   // { id: "69", day: "4", time: "15.30", lecturer: "dr Karol Gierszewski", room: "A2-3" }];
 
-
   interface GroupTimeToEventRowMapping {
-    [time: string]: number
+    [time: string]: number;
   }
 
   const groupTimeToEventRowMapping: GroupTimeToEventRowMapping = {
@@ -39,48 +36,46 @@ export const SchedulerEvents = ({
     "13.45": 3,
     "15.30": 4,
     "17.15": 5,
-  }
+  };
-
-
-
 
   useEffect(() => {
     function mapGroupTimeToEventRow(groups: Array<Group>) {
+      const groupsMappedToEventsTemp = []
       for (const group of groups) {
-        console.log(group);
+        const groupTime = group.time;
-        const groupTime = group.time
         const eventRow: number = groupTimeToEventRowMapping[groupTime];
-        const groupMappedToEvent: any = { id: group.id, day: group.day, eventRow: eventRow, lecturer: group.lecturer, room: group.room };
+        const groupMappedToEvent: any = {
-        setGroupsMappedToEvents((groupsMappedToEvents: any) => [...groupsMappedToEvents, groupMappedToEvent]);
+          id: group.id,
+          day: group.day,
+          eventRow: eventRow,
+          lecturer: group.lecturer,
+          room: group.room,
+        };
+        groupsMappedToEventsTemp.push(groupMappedToEvent)
       }
+      setGroupsMappedToEvents(groupsMappedToEventsTemp)
     }
     mapGroupTimeToEventRow(choosenGroups);
   }, [choosenGroups]);
 
-
   useEffect(() => {
+    console.log(choosenGroups)
     console.log(groupsMappedToEvents);
-
   }, [groupsMappedToEvents]);
 
-
   return (
-
-
     <div>
-      {
+      {[...Array(6)].map((_, index) => (
-        [...Array(6)].map((_, index) => (
+        <SchedulerRow
-          <SchedulerRow
+          key={index}
-            key={index}
+          groups={groupsMappedToEvents.filter((group: any) => {
-            groups={groupsMappedToEvents.filter((group: any) => { return group.eventRow === index })}
+            return group.eventRow === index;
-            indexRow={index}
+          })}
-            cellTop={cellTop + (10 + 70 * index)}
+          indexRow={index}
-            cellWidth={cellWidth}
+          cellTop={cellTop + (10 + 70 * index)}
-          />
+          cellWidth={cellWidth}
-        ))
+        />
-      }
+      ))}
-
-
     </div>
   );
 };

src/components/Scheduler/SchedulerRow/index.tsx

@@ -19,9 +19,6 @@ export const SchedulerRow = ({
   //   eventDiv.style.backgroundColor = "#1547C5";
   // };
 
-  console.log(`You passed me these of a groupzzz: ${groups}`)
-
-
   return (
     <div>
       {[...Array(5)].map((value, eventIndex) => (

src/components/TopBar/Results/index.tsx

@@ -101,8 +101,6 @@ export const Results: React.FC = () => {
       group.room = result[i].room.trim();
       lecture.groups.push(group);
     }
-    console.log(result);
-    console.log(result[0].course.name);
 
     lecturesContext.addLecture(lecture);
     setOpen(false);