codey/codey.lol
1
0
Fork 0
Code Issues Pull Requests Activity

Enhance Toastify notifications with custom icons and adjust autoClose timing

Browse Source
This commit is contained in:
codey
2025-07-31 20:36:34 -04:00
parent 47eabdce96
commit 7824fc4b7c
2 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/styles/global.css
View File

@@ -272,3 +272,11 @@ Toastify customizations
background-color: rgba(46, 186, 106, 0.8) !important; background-color: rgba(46, 186, 106, 0.8) !important;
color: inherit !important; color: inherit !important;
} }
.Toastify__toast--success > .Toastify__toast-icon svg {
display: none;
}
.Toastify__toast--success > .Toastify__toast-icon::after {
content: "🦄" !important;
}

7
src/components/LyricSearch.jsx
View File

@@ -164,18 +164,15 @@ export function LyricSearchInputField({ id, placeholder, setShowLyrics }) {
toast.update(toastId, { toast.update(toastId, {
type: "success", type: "success",
render: `🦄 Found! (Took ${duration}s)`, render: `Found! (Took ${duration}s)`,
type: "",
className: "Toastify__toast--success", className: "Toastify__toast--success",
autoClose: 2000, autoClose: 2500,
hideProgressBar: true,
}); });
} catch (error) { } catch (error) {
toast.update(toastId, { toast.update(toastId, {
type: "error", type: "error",
render: `😕 ${error.message}`, render: `😕 ${error.message}`,
autoClose: 5000, autoClose: 5000,
hideProgressBar: true,
}); });
} finally { } finally {
setIsLoading(false); setIsLoading(false);