import { useEffect, useState } from 'react' import { CheckCircleIcon, InformationCircleIcon, XCircleIcon, } from '@heroicons/react/outline' import useMangoStore from '../stores/useMangoStore' const NotificationList = () => { const setMangoStore = useMangoStore((s) => s.set) const notifications = useMangoStore((s) => s.notifications) console.log('notifications', notifications) useEffect(() => { if (notifications.length > 0) { const id = setInterval(() => { setMangoStore((state) => { state.notifications = notifications.slice(1, notifications.length) }) }, 6000) return () => { clearInterval(id) } } }, [notifications, setMangoStore]) return (
{message}
{description}
{txid ? ({txid}
) : null}