mirror of
https://github.com/Shadowfita/docmost.git
synced 2025-11-16 01:31:09 +10:00
22 lines
544 B
TypeScript
22 lines
544 B
TypeScript
"use client";
|
|
|
|
import t, { Toaster, useToasterStore } from "react-hot-toast";
|
|
import { useEffect, useState } from "react";
|
|
|
|
export default function CustomToaster() {
|
|
const { toasts } = useToasterStore();
|
|
const TOAST_LIMIT = 3;
|
|
const [toastLimit, setToastLimit] = useState<number>(TOAST_LIMIT);
|
|
|
|
useEffect(() => {
|
|
toasts
|
|
.filter((tt) => tt.visible)
|
|
.filter((_, i) => i >= toastLimit)
|
|
.forEach((tt) => {
|
|
t.dismiss(tt.id);
|
|
});
|
|
}, [toastLimit, toasts]);
|
|
|
|
return <Toaster position={"top-right"}/>;
|
|
};
|