u

src/components/NameDialog.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';
@@ -65,7 +65,7 @@ class NameDialog extends Component {
     const canSave = name.trim() !== '';
 
     return (
-      <Dialog open={open} onClose={this.handleClose} maxWidth="xs" fullWidth>
+      <AppDialog open={open} onClose={this.handleClose} maxWidth="xs" fullWidth>
         <DialogTitle>{title}</DialogTitle>
         <Box component="form" onSubmit={this.handleSubmit} noValidate>
           <DialogContent>
@@ -97,7 +97,7 @@ class NameDialog extends Component {
             </Button>
           </DialogActions>
         </Box>
-      </Dialog>
+      </AppDialog>
     );
   }
 }