diff --git a/src/assets/styles/global.css b/src/assets/styles/global.css index e94ccfb..d3c222d 100644 --- a/src/assets/styles/global.css +++ b/src/assets/styles/global.css @@ -272,3 +272,11 @@ Toastify customizations background-color: rgba(46, 186, 106, 0.8) !important; color: inherit !important; } + +.Toastify__toast--success > .Toastify__toast-icon svg { + display: none; +} + +.Toastify__toast--success > .Toastify__toast-icon::after { + content: "🦄" !important; +} diff --git a/src/components/LyricSearch.jsx b/src/components/LyricSearch.jsx index e1c8987..1d7cbf6 100644 --- a/src/components/LyricSearch.jsx +++ b/src/components/LyricSearch.jsx @@ -164,18 +164,15 @@ export function LyricSearchInputField({ id, placeholder, setShowLyrics }) { toast.update(toastId, { type: "success", - render: `🦄 Found! (Took ${duration}s)`, - type: "", + render: `Found! (Took ${duration}s)`, className: "Toastify__toast--success", - autoClose: 2000, - hideProgressBar: true, + autoClose: 2500, }); } catch (error) { toast.update(toastId, { type: "error", render: `😕 ${error.message}`, autoClose: 5000, - hideProgressBar: true, }); } finally { setIsLoading(false);