Always add close button to snackbars

Suwayomi · Jan 2, 2025 · af8ada9 · af8ada9
1 parent ed99204
commit af8ada9
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/modules/core/components/snackbar/SnackbarWithDescription.tsx b/src/modules/core/components/snackbar/SnackbarWithDescription.tsx
@@ -6,7 +6,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { CustomContentProps, SnackbarContent, VariantType } from 'notistack';
+import { closeSnackbar, CustomContentProps, SnackbarContent, VariantType } from 'notistack';
 import { ForwardedRef, forwardRef, Fragment, memo } from 'react';
 import Alert from '@mui/material/Alert';
 import AlertTitle from '@mui/material/AlertTitle';
@@ -55,7 +55,13 @@ export const SnackbarWithDescription = memo(
 
             return (
                 <SnackbarContent ref={ref}>
-                    <Alert elevation={1} severity={severity} action={finalAction}>
+                    <Alert
+                        elevation={1}
+                        severity={severity}
+                        action={finalAction}
+                        sx={{ minWidth: '100%' }}
+                        onClose={() => closeSnackbar(id)}
+                    >
                         <TitleComponent>{message}</TitleComponent>
                         {actualDescription}
                         {isDescriptionTooLong ? (