From 391bb51ab09b608e749f3b67798847a2b1db41dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciek=20G=C5=82owacki?= <glowackimaciej97@gmail.com>
Date: Wed, 25 Nov 2020 04:16:22 +0100
Subject: [PATCH] snackbar done

---
 src/contexts/CoursesProvider.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/contexts/CoursesProvider.tsx b/src/contexts/CoursesProvider.tsx
index db82b7b..8dfbdd9 100644
--- a/src/contexts/CoursesProvider.tsx
+++ b/src/contexts/CoursesProvider.tsx
@@ -3,6 +3,15 @@ import { Course, Group, Basket, GroupType, SchedulerEvent } from '../types';
 import { useSnackbar } from 'notistack';
 import { createClassTime } from '../utils';
 import { axiosInstance } from '../utils/axiosInstance';
+import CloseIcon from '@material-ui/icons/Close';
+import styled from 'styled-components';
+
+const StyledCloseIcon = styled(CloseIcon)`
+  &:hover {
+    cursor: pointer;
+  }
+`;
+
 interface CourseContext {
   courses: Array<Course>;
   basket: Array<Basket>;
@@ -74,13 +83,11 @@ export const CoursesProvider = ({ children }: CoursesProviderProps) => {
     const basketIds = selectBasketIds();
     const action = (key: any) => (
       <>
-        <button
+        <StyledCloseIcon
           onClick={() => {
             closeSnackbar(key);
           }}
-        >
-          X
-        </button>
+        ></StyledCloseIcon>
       </>
     );