SessionSummary update

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}>