md.asif5/osaka
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add audio feedback for toast notifications; implement playAudio function in ToastProvider

Browse Source
This commit is contained in:
Md Asif 2024-12-21 20:56:02 +05:30
parent 96784c02c7
commit 2b940c3d43
3 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/audio/error.mp3 Normal file
View File

Binary file not shown.

BIN
public/audio/warning.mp3 Normal file
View File

Binary file not shown.

13
src/components/Toast.jsx
View File

@ -8,7 +8,20 @@ export const ToastContext = createContext();
export const ToastProvider = ({ children }) => { export const ToastProvider = ({ children }) => {
const [toast, setToast] = useState({ show: false, message: "", type: "" }); const [toast, setToast] = useState({ show: false, message: "", type: "" });
const playAudio = (type) => {
let audioSrc;
if(type === "warning") audioSrc = "/audio/warning.mp3";
else if (type === "error") audioSrc = "/audio/error.mp3";
if (audioSrc) {
const audio = new Audio(audioSrc);
audio.play().catch((error) => console.error("Error playing audio:", error));
}
};
const showToast = (message, type) => { const showToast = (message, type) => {
playAudio(type);
setToast({ show: true, message, type }); setToast({ show: true, message, type });
setTimeout(() => { setTimeout(() => {
setToast({ show: false, message: "", type: "" }); setToast({ show: false, message: "", type: "" });