tudor.stanciu
/
reverse-proxy-frontend
mirror of https://dev.azure.com/tstanciu94/ReverseProxy/_git/ReverseProxy_Frontend
1
0
Fork 0
Code Issues 3 Packages Projects Releases Wiki Activity

SessionSummary update

master
Tudor Stanciu 2020-05-12 03:03:25 +03:00
parent 1b15ef7453
commit 828ab3883a
1 changed files with 4 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/features/session/components/SessionSummary.js
View File

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