updated the dialog actions for the submit and cancel buttons
This commit is contained in:
parent
f2cf950a6b
commit
1982a93bf0
6 changed files with 45 additions and 29 deletions
|
|
@ -1,5 +1,5 @@
|
|||
//import { Button, Grid, TextField } from "@material-ui/core";
|
||||
import { Button, Grid, TextField } from "@mui/material";
|
||||
import { Button, Grid2 as Grid, TextField } from "@mui/material";
|
||||
import SearchSelect, { Option } from "common/SearchSelect";
|
||||
import { GrainOptions } from "grain";
|
||||
import { GrainBag } from "models/GrainBag";
|
||||
|
|
@ -77,7 +77,7 @@ export default function BulkGrainBagSettings(props: Props) {
|
|||
<React.Fragment>
|
||||
<Grid container direction="row" spacing={2} alignContent="center" alignItems="center">
|
||||
{/* first row */}
|
||||
<Grid item xs={gridItemWidth}>
|
||||
<Grid size={gridItemWidth}>
|
||||
<TextField
|
||||
fullWidth
|
||||
label="Name"
|
||||
|
|
@ -87,7 +87,7 @@ export default function BulkGrainBagSettings(props: Props) {
|
|||
}}
|
||||
/>
|
||||
</Grid>
|
||||
<Grid item xs={gridItemWidth}>
|
||||
<Grid size={gridItemWidth}>
|
||||
<TextField
|
||||
fullWidth
|
||||
label="Length"
|
||||
|
|
@ -98,7 +98,7 @@ export default function BulkGrainBagSettings(props: Props) {
|
|||
}}
|
||||
/>
|
||||
</Grid>
|
||||
<Grid item xs={gridItemWidth}>
|
||||
<Grid size={gridItemWidth}>
|
||||
<TextField
|
||||
fullWidth
|
||||
label="Diameter"
|
||||
|
|
@ -109,7 +109,7 @@ export default function BulkGrainBagSettings(props: Props) {
|
|||
}}
|
||||
/>
|
||||
</Grid>
|
||||
<Grid item xs={gridItemWidth}>
|
||||
<Grid size={gridItemWidth}>
|
||||
<TextField
|
||||
fullWidth
|
||||
label="Capacity"
|
||||
|
|
@ -122,7 +122,7 @@ export default function BulkGrainBagSettings(props: Props) {
|
|||
</Grid>
|
||||
|
||||
{/* second row */}
|
||||
<Grid item xs={gridItemWidth}>
|
||||
<Grid size={gridItemWidth}>
|
||||
<SearchSelect
|
||||
label="Grain Type"
|
||||
selected={grainOption}
|
||||
|
|
@ -137,7 +137,7 @@ export default function BulkGrainBagSettings(props: Props) {
|
|||
options={GrainOptions()}
|
||||
/>
|
||||
</Grid>
|
||||
<Grid item xs={gridItemWidth}>
|
||||
<Grid size={gridItemWidth}>
|
||||
<TextField
|
||||
fullWidth
|
||||
label="Grain Variant"
|
||||
|
|
@ -148,7 +148,7 @@ export default function BulkGrainBagSettings(props: Props) {
|
|||
/>
|
||||
</Grid>
|
||||
|
||||
<Grid item xs={gridItemWidth}>
|
||||
<Grid size={gridItemWidth}>
|
||||
<TextField
|
||||
fullWidth
|
||||
label="Custom Grain"
|
||||
|
|
@ -158,7 +158,7 @@ export default function BulkGrainBagSettings(props: Props) {
|
|||
}}
|
||||
/>
|
||||
</Grid>
|
||||
<Grid item xs={gridItemWidth}>
|
||||
<Grid size={gridItemWidth}>
|
||||
<TextField
|
||||
fullWidth
|
||||
label="Bushels"
|
||||
|
|
@ -171,7 +171,7 @@ export default function BulkGrainBagSettings(props: Props) {
|
|||
</Grid>
|
||||
|
||||
{/* last row */}
|
||||
<Grid item xs={gridItemWidth}>
|
||||
<Grid size={gridItemWidth}>
|
||||
<TextField
|
||||
fullWidth
|
||||
type="date"
|
||||
|
|
@ -181,7 +181,7 @@ export default function BulkGrainBagSettings(props: Props) {
|
|||
onChange={e => setFillDate(e.target.value)}
|
||||
/>
|
||||
</Grid>
|
||||
<Grid item xs={gridItemWidth}>
|
||||
<Grid size={gridItemWidth}>
|
||||
<TextField
|
||||
fullWidth
|
||||
label="Initial Moisture"
|
||||
|
|
@ -192,7 +192,7 @@ export default function BulkGrainBagSettings(props: Props) {
|
|||
}}
|
||||
/>
|
||||
</Grid>
|
||||
<Grid item xs={gridItemWidth}>
|
||||
<Grid size={gridItemWidth}>
|
||||
<Button
|
||||
variant="contained"
|
||||
color="primary"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue