u

src/components/category/CategoryNameDialog.jsx

@@ -1,7 +1,7 @@
 import { Component } from 'react';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-import Dialog from '@mui/material/Dialog';
+import AppDialog from '../AppDialog';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
@@ -119,7 +119,7 @@ class CategoryNameDialog extends Component {
     const canSubmitBulk = bulkNames.length > 0;
 
     return (
-      <Dialog open={open} onClose={this.handleClose} maxWidth="xs" fullWidth>
+      <AppDialog open={open} onClose={this.handleClose} maxWidth="xs" fullWidth>
         <DialogTitle>{TITLES[mode]}</DialogTitle>
 
         {!isBulk && (
@@ -216,7 +216,7 @@ class CategoryNameDialog extends Component {
             </DialogActions>
           </Box>
         )}
-      </Dialog>
+      </AppDialog>
     );
   }
 }

src/components/category/CategoryTree.jsx

@@ -10,7 +10,7 @@ import InputAdornment from '@mui/material/InputAdornment';
 import Typography from '@mui/material/Typography';
 import Chip from '@mui/material/Chip';
 import Tooltip from '@mui/material/Tooltip';
-import Dialog from '@mui/material/Dialog';
+import AppDialog from '../AppDialog';
 import DialogTitle from '@mui/material/DialogTitle';
 import DialogContent from '@mui/material/DialogContent';
 import DialogContentText from '@mui/material/DialogContentText';
@@ -663,7 +663,7 @@ export default class CategoryTree extends PureComponent {
         </Box>
 
         {/* Add Dialog */}
-        <Dialog
+        <AppDialog
           open={addDialogOpen}
           onClose={() => !isSubmitting && this.setState({ addDialogOpen: false })}
           maxWidth="xs"
@@ -710,10 +710,10 @@ export default class CategoryTree extends PureComponent {
               Anlegen
             </Button>
           </DialogActions>
-        </Dialog>
+        </AppDialog>
 
         {/* Rename Dialog */}
-        <Dialog
+        <AppDialog
           open={renameDialogOpen}
           onClose={() => !isSubmitting && this.setState({ renameDialogOpen: false })}
           maxWidth="xs"
@@ -753,10 +753,10 @@ export default class CategoryTree extends PureComponent {
               Speichern
             </Button>
           </DialogActions>
-        </Dialog>
+        </AppDialog>
 
         {/* Delete Confirmation Dialog */}
-        <Dialog
+        <AppDialog
           open={deleteDialogOpen}
           onClose={() => !isSubmitting && this.setState({ deleteDialogOpen: false })}
           maxWidth="xs"
@@ -788,7 +788,7 @@ export default class CategoryTree extends PureComponent {
               Löschen
             </Button>
           </DialogActions>
-        </Dialog>
+        </AppDialog>
       </Box>
     );
   }