SimCompanies/dashboard
2
1
Fork 0
Code Issues 17 Pull Requests Releases Activity

remove button and loading circle close #65 #67

Manually merged
oliver merged 1 commits from removeButtonAndIcon into master 2020-05-14 23:25:55 +00:00
Conversation 1 Commits 1 Files Changed 2 +22 -28
2 changed files with 22 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/resourcechart/chart.js
View File

@@ -64,7 +64,7 @@ export default function Chart(props) {
const { q0, q1, q2, q3, q4, q5, q6, q7 } = state;
return (
<Grid container spacing={2} className={classes.root}>
<React.Fragment>
<Grid item xs={12} className={classes.chart}>
<ResponsiveContainer width="99%" height={300}>
<LineChart
@@ -81,11 +81,8 @@ export default function Chart(props) {
{lines}
</LineChart>
</ResponsiveContainer>
</Grid>
<Grid item xs={12}>
<Grid item>
<FormControl component="fieldset" className={classes.formControl}>
<FormLabel component="legend">Select Qualities:</FormLabel>
<FormGroup row>
@@ -124,7 +121,6 @@ export default function Chart(props) {
</FormGroup>
</FormControl>
</Grid>
</Grid >
</React.Fragment>
);
}

40
frontend/src/components/resourcechart/resourcechart.js
View File

@@ -28,7 +28,7 @@ const useStyles = makeStyles((theme) => ({
const output = (data) => {
if (data === null) {
return (
<CircularProgress color="secondary" disableShrink />
null
)
} else {
return (
@@ -108,10 +108,6 @@ export default function ResourceChart(props) {
if (data === null) {
loadData();
}
const handleClick = (e) => {
loadData()
}
const handleChange = (event) => {
setInterval(event.target.value);
}
@@ -126,25 +122,27 @@ export default function ResourceChart(props) {
<Grid item xs={12}>
<Card className={classes.card}>
<FormControl style={{ margin: 20 }}>
<Select
id="select-interval"
value={interval}
onChange={handleChange}
>
<MenuItem value={"day"}>Day</MenuItem>
<MenuItem value={"week"}>Week</MenuItem>
<MenuItem value={"month"}>Month</MenuItem>
</Select>
<FormHelperText>Select Interval</FormHelperText>
</FormControl>
{loading}
<CardContent style={{ padding: 0 }}>
{output(data)}
<Grid container spacing={2}>
{output(data)}
<Grid item>
<FormControl style={{ margin: 20 }}>
<Select
id="select-interval"
value={interval}
onChange={handleChange}
>
<MenuItem value={"day"}>Day</MenuItem>
<MenuItem value={"week"}>Week</MenuItem>
<MenuItem value={"month"}>Month</MenuItem>
</Select>
<FormHelperText>Select Interval</FormHelperText>
</FormControl>
</Grid >
</Grid >
</CardContent>
<Button variant="contained" color="secondary" onClick={handleClick}>
Refresh
</Button>
</Card>
</Grid>
</Grid>