updated the dialog actions for the submit and cancel buttons

This commit is contained in:
csawatzky 2025-03-04 13:44:13 -06:00
parent f2cf950a6b
commit 1982a93bf0
6 changed files with 45 additions and 29 deletions

View file

@ -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"