diff --git a/src/components/shared/ContextMenu.tsx b/src/components/shared/ContextMenu.tsx index d6565e9..80ea1b5 100644 --- a/src/components/shared/ContextMenu.tsx +++ b/src/components/shared/ContextMenu.tsx @@ -168,12 +168,10 @@ export const GlobalContextMenu = () => { const playlistSuccessToast = (songCount: number, playlistId: string) => { notifyToast( 'success', + `Added ${songCount} song(s) to playlist ${ + playlists.find((pl: any) => pl.id === playlistId)?.name + }`, <> -

- Added {songCount} song(s) to playlist " - {playlists.find((pl: any) => pl.id === playlistId)?.name} - " -

{ diff --git a/src/components/shared/toast.ts b/src/components/shared/toast.ts index d3f792f..6df328b 100644 --- a/src/components/shared/toast.ts +++ b/src/components/shared/toast.ts @@ -1,8 +1,13 @@ import { Notification } from 'rsuite'; -export const notifyToast = (type: 'info' | 'success' | 'warning' | 'error', message: any) => { +export const notifyToast = ( + type: 'info' | 'success' | 'warning' | 'error', + message: any, + description?: any +) => { Notification[type]({ - title: `${type.charAt(0).toUpperCase()}${type.slice(1)}`, - description: message, + title: message, + description, + duration: type === 'info' ? 1500 : type === 'success' ? 2500 : 3000, }); }; diff --git a/src/styles/custom-theme.less b/src/styles/custom-theme.less index 0a3f3bb..7fdf7dc 100644 --- a/src/styles/custom-theme.less +++ b/src/styles/custom-theme.less @@ -30,9 +30,11 @@ // Notification @notify-padding: 10px; -@notify-title-icon-size: 15px; +@notify-title-icon-size: 20px; @notify-close-btn-font-size: 0px; @notify-close-btn-margin: 0px; +@notify-title-description-gap: 0px; +@notify-max-width: 300px; // Table @table-body-background: undefined;