updated the material ui imports for existing files that had not been updated yet
This commit is contained in:
parent
14904d8eb3
commit
f2cf950a6b
11 changed files with 82 additions and 66 deletions
|
|
@ -1,5 +1,5 @@
|
|||
import {
|
||||
Grid,
|
||||
Grid2 as Grid,
|
||||
Button,
|
||||
Typography,
|
||||
DialogTitle,
|
||||
|
|
@ -12,8 +12,9 @@ import {
|
|||
RadioGroup,
|
||||
Radio,
|
||||
Box
|
||||
} from "@material-ui/core";
|
||||
import { blue } from "@material-ui/core/colors";
|
||||
} from "@mui/material";
|
||||
//import { blue } from "@material-ui/core/colors";
|
||||
import { blue } from "@mui/material/colors";
|
||||
import ResponsiveDialog from "common/ResponsiveDialog";
|
||||
import React, { useState, useEffect } from "react";
|
||||
import fans from "fans/fans_client.json";
|
||||
|
|
@ -203,13 +204,12 @@ export default function FanPicker(props: Props) {
|
|||
alignItems="center"
|
||||
container
|
||||
direction="row"
|
||||
justify="space-between"
|
||||
key={type}
|
||||
style={{ marginTop: 20 }}>
|
||||
<Grid item>
|
||||
<Grid>
|
||||
<FormControlLabel value={type} control={<Radio />} label={type} />
|
||||
</Grid>
|
||||
<Grid item>
|
||||
<Grid>
|
||||
<img width={100} height={100} src={determineFanIcon(type)} alt="fanimg" />
|
||||
</Grid>
|
||||
</Grid>
|
||||
|
|
@ -245,9 +245,8 @@ export default function FanPicker(props: Props) {
|
|||
<Grid
|
||||
container
|
||||
direction="row"
|
||||
justify="space-between"
|
||||
style={{ marginBottom: 10, marginTop: 10 }}>
|
||||
<Grid item xs={5}>
|
||||
<Grid size={{xs:5}}>
|
||||
<Select
|
||||
id="fantype"
|
||||
fullWidth
|
||||
|
|
@ -270,7 +269,7 @@ export default function FanPicker(props: Props) {
|
|||
))}
|
||||
</Select>
|
||||
</Grid>
|
||||
<Grid item xs={5}>
|
||||
<Grid size={{xs:5}}>
|
||||
<Select
|
||||
id="horsepower"
|
||||
fullWidth
|
||||
|
|
@ -315,9 +314,9 @@ export default function FanPicker(props: Props) {
|
|||
}}
|
||||
fullWidth>
|
||||
<DialogTitle>
|
||||
<Grid container direction="row" justify="space-between">
|
||||
<Grid item>Select Fan</Grid>
|
||||
<Grid item>
|
||||
<Grid container direction="row">
|
||||
<Grid>Select Fan</Grid>
|
||||
<Grid>
|
||||
<FormControlLabel
|
||||
control={
|
||||
<Switch
|
||||
|
|
@ -363,7 +362,7 @@ export default function FanPicker(props: Props) {
|
|||
<React.Fragment>
|
||||
{selector()}
|
||||
<Grid container direction="row" alignItems="center">
|
||||
<Grid item xs={3}>
|
||||
<Grid size={{xs:3}}>
|
||||
<Button
|
||||
onClick={() => {
|
||||
setOpenSelector(true);
|
||||
|
|
@ -373,7 +372,7 @@ export default function FanPicker(props: Props) {
|
|||
FanPicker
|
||||
</Button>
|
||||
</Grid>
|
||||
<Grid item xs={9}>
|
||||
<Grid size={{xs:9}}>
|
||||
<Typography>{displayFan}</Typography>
|
||||
</Grid>
|
||||
</Grid>
|
||||
|
|
@ -387,8 +386,8 @@ export default function FanPicker(props: Props) {
|
|||
<Box padding={2}>
|
||||
<Typography style={{ fontSize: 15 }}>Current Fan</Typography>
|
||||
<Typography style={{ fontWeight: 650, fontSize: 20 }}>{displayFan}</Typography>
|
||||
<Grid container direction="row-reverse" justify="space-between">
|
||||
<Grid item>
|
||||
<Grid container direction="row-reverse">
|
||||
<Grid>
|
||||
<FormControlLabel
|
||||
control={
|
||||
<Switch
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue