useToast.js

Go to the documentation of this file.

import { useState, useCallback } from 'react';
 
export function useToast() {
  const [toasts, setToasts] = useState([]);
 
  const showToast = useCallback((message, type = 'info', duration = 5000) => {
    const id = Date.now() + Math.random();
    const toast = { id, message, type, duration };
    
    setToasts(prev => [...prev, toast]);
 
    return id;
  }, []);
 
  const hideToast = useCallback((id) => {
    setToasts(prev => prev.filter(toast => toast.id !== id));
  }, []);
 
  return {
    toasts,
    showToast,
    hideToast
  };
}