chore: remove deprecated mui props

thenick775 · Dec 24, 2024 · 1783da2 · 1783da2
1 parent 63ea9db
commit 1783da2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 15 deletions.
diff --git a/gbajs3/src/components/modals/cheats.tsx b/gbajs3/src/components/modals/cheats.tsx
@@ -208,24 +208,24 @@ export const CheatsModal = () => {
           <TextField
             error={!!errors?.rawCheats}
             label="Raw Libretro Cheats"
-            InputLabelProps={{
-              shrink: true
-            }}
             multiline
             fullWidth
             minRows={6}
             variant="outlined"
-            InputProps={{
-              sx: {
-                ['textarea']: {
-                  whiteSpace: 'pre',
-                  // see: https://github.com/mui/material-ui/issues/41490
-                  //      remove/refactor once resolved
-                  overflowX: 'auto !important'
+            helperText={errors?.rawCheats?.message}
+            slotProps={{
+              input: {
+                sx: {
+                  ['textarea']: {
+                    whiteSpace: 'pre',
+                    // see: https://github.com/mui/material-ui/issues/41490
+                    //      remove/refactor once resolved
+                    overflowX: 'auto !important'
+                  }
                 }
-              }
+              },
+              inputLabel: { shrink: true }
             }}
-            helperText={errors?.rawCheats?.message}
             style={{ display: viewRawCheats ? 'block' : 'none' }}
             {...register('rawCheats')}
           />

diff --git a/gbajs3/src/components/modals/save-states.tsx b/gbajs3/src/components/modals/save-states.tsx
@@ -173,12 +173,10 @@ export const SaveStatesModal = () => {
           <TextField
             label="Current Save State Slot"
             type="number"
-            InputLabelProps={{
-              shrink: true
-            }}
             size="small"
             error={!!errors?.saveStateSlot}
             helperText={errors?.saveStateSlot?.message}
+            slotProps={{ inputLabel: { shrink: true } }}
             {...register('saveStateSlot', {
               required: { value: true, message: 'Slot is required' },
               min: { value: 0, message: 'Slot must be >= 0' },