From 828ab3883aa00af818d2c2aba61e06928b7cbd64 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Tue, 12 May 2020 03:03:25 +0300
Subject: [PATCH] SessionSummary update

---
 .../session/components/SessionSummary.js      | 19 ++++---------------
 1 file changed, 4 insertions(+), 15 deletions(-)

diff --git a/src/features/session/components/SessionSummary.js b/src/features/session/components/SessionSummary.js
index 44f174f..0b8d9f3 100644
--- a/src/features/session/components/SessionSummary.js
+++ b/src/features/session/components/SessionSummary.js
@@ -1,19 +1,8 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { Grid } from "@material-ui/core";
-import { makeStyles, withStyles } from "@material-ui/core/styles";
-import Checkbox from "@material-ui/core/Checkbox";
-import { blue } from "@material-ui/core/colors";
-
-const GreenCheckbox = withStyles({
-  root: {
-    color: blue[400],
-    "&$checked": {
-      color: blue[600]
-    }
-  },
-  checked: {}
-})((props) => <Checkbox color="default" {...props} />);
+import { makeStyles } from "@material-ui/core/styles";
+import { CheckCircleOutlineRounded, RemoveRounded } from "@material-ui/icons";
 
 const useStyles = makeStyles((theme) => ({
   value: {
@@ -37,9 +26,9 @@ const SessionSummary = ({ session }) => {
         <Grid item xs={12} sm={2} md={2}>
           {"Active: "}
           {session.active ? (
-            <GreenCheckbox checked={true} disabled />
+            <CheckCircleOutlineRounded color="primary" />
           ) : (
-            <Checkbox indeterminate disabled />
+            <RemoveRounded />
           )}
         </Grid>
         <Grid item xs={12} sm={3} md={3}>