import React, { useState, useContext, MouseEvent } from 'react'; import { CourseCard } from './CourseCard'; import { coursesContext } from '../contexts/CoursesProvider'; import styled from 'styled-components'; const RightbarStyled = styled.div` padding-top: 10px; padding-left: 15px; padding-right: 15px; text-align: center; font-family: Lato; width: 300px; height: 85vh; overflow-y: scroll; ::-webkit-scrollbar-track { border-radius: 10px; background-color: #f5f5f5; } ::-webkit-scrollbar { width: 12px; background-color: #f5f5f5; } ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d4b851; border: 1px solid; } `; const RightbarTextStyled = styled.div` border-bottom: 1px solid; `; export const Rightbar = () => { const [selectedCardId, setSelectedCardId] = useState(null); const { choosenCourses } = useContext(coursesContext)!; //działa clunky const onCardClick = (event: MouseEvent) => { const target = event.currentTarget; selectedCardId === target.id ? setSelectedCardId(null) : setSelectedCardId(target.id); }; //need to insert student name from db and course maybe based on current time or from db too return ( Hubert Wrzesiński

Semestr zimowy 2020/2021
{choosenCourses.map((course, index) => ( ))}
); };