Uniform layout of Minting to Settings

src/components/Group/Settings.tsx

@@ -175,8 +175,8 @@ export const Settings = ({ open, setOpen, rawWallet }) => {
             </Typography>
 
             <IconButton
-              edge="start"
               color="inherit"
+              edge="start"
               onClick={handleClose}
               aria-label={t('core:action.close', {
                 postProcess: 'capitalizeFirstChar',

src/components/Minting/Minting.tsx

@@ -1,5 +1,6 @@
 import {
   Alert,
+  AppBar,
   Box,
   Button,
   Card,
@@ -10,6 +11,7 @@ import {
   Divider,
   IconButton,
   Snackbar,
+  Toolbar,
   Typography,
   useTheme,
 } from '@mui/material';
@@ -573,34 +575,26 @@ export const Minting = ({ setIsOpenMinting, myAddress, show }) => {
         },
       }}
     >
-      <DialogTitle
+      <AppBar sx={{ position: 'relative' }}>
-        id="alert-dialog-title"
+        <Toolbar>
-        sx={{
+          <Typography sx={{ ml: 2, flex: 1 }} variant="h4" component="div">
-          textAlign: 'center',
+            {t('group:message.generic.manage_minting', {
-          color: theme.palette.text.primary,
+              postProcess: 'capitalizeFirstChar',
-          fontWeight: 'bold',
+            })}
-          opacity: 1,
+          </Typography>
-        }}
-      >
-        {t('group:message.generic.manage_minting', {
-          postProcess: 'capitalizeAll',
-        })}
-      </DialogTitle>
 
-      <IconButton
+          <IconButton
-        sx={{
+            color="inherit"
-          position: 'absolute',
+            edge="start"
-          right: 8,
+            onClick={() => setIsOpenMinting(false)}
-          top: 8,
+            aria-label={t('core:action.close', {
-        }}
+              postProcess: 'capitalizeFirstChar',
-        color="inherit"
+            })}
-        onClick={() => setIsOpenMinting(false)}
+          >
-        aria-label={t('core:action.close', {
+            <CloseIcon />
-          postProcess: 'capitalizeFirstChar',
+          </IconButton>
-        })}
+        </Toolbar>
-      >
+      </AppBar>
-        <CloseIcon />
-      </IconButton>
 
       <DialogContent
         sx={{
@@ -914,16 +908,6 @@ export const Minting = ({ setIsOpenMinting, myAddress, show }) => {
         )}
       </DialogContent>
 
-      <DialogActions>
-        <Button
-          //   disabled={isLoadingPublish}
-          variant="contained"
-          onClick={() => setIsOpenMinting(false)}
-        >
-          {t('core:action.close', { postProcess: 'capitalizeFirstChar' })}
-        </Button>
-      </DialogActions>
-
       <Snackbar
         anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}
         open={openSnack}