ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove unused space at bottom of snackbar without description

Browse Source 
Get rid of unnecessary white space when there is no description to show
This commit is contained in:
schroda
2024-12-23 02:40:59 +01:00
parent 15baf1f7fb
commit 71373d4bd3
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/modules/core/components/snackbar/SnackbarWithDescription.tsx
View File

@@ -7,7 +7,7 @@
*/ */
import { CustomContentProps, SnackbarContent, VariantType } from 'notistack'; import { CustomContentProps, SnackbarContent, VariantType } from 'notistack';
import { ForwardedRef, forwardRef, memo } from 'react'; import { ForwardedRef, forwardRef, Fragment, memo } from 'react';
import Alert from '@mui/material/Alert'; import Alert from '@mui/material/Alert';
import AlertTitle from '@mui/material/AlertTitle'; import AlertTitle from '@mui/material/AlertTitle';
import Button from '@mui/material/Button'; import Button from '@mui/material/Button';
@@ -51,11 +51,13 @@ export const SnackbarWithDescription = memo(
? description?.slice(0, MAX_DESCRIPTION_LENGTH) ? description?.slice(0, MAX_DESCRIPTION_LENGTH)
: description; : description;
const TitleComponent = actualDescription?.length ? AlertTitle : Fragment;
return ( return (
<SnackbarContent ref={ref}> <SnackbarContent ref={ref}>
<Alert severity={severity} action={finalAction}> <Alert severity={severity} action={finalAction}>
<AlertTitle>{message}</AlertTitle> <TitleComponent>{message}</TitleComponent>
{actualDescription}{' '} {actualDescription}
{isDescriptionTooLong ? ( {isDescriptionTooLong ? (
<Button <Button
onClick={() => { onClick={() => {