make toaster duration configurable

massalabs · Jan 19, 2024 · eb50ac5 · eb50ac5
1 parent f971454
commit eb50ac5
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/Toast/Toast.tsx b/src/components/Toast/Toast.tsx
@@ -10,12 +10,15 @@ import { Button } from '../Button';
 import { useLocalStorage } from '../../util/useLocalStorage';
 import { Transition } from '@headlessui/react';
 
-interface ToastProps extends ComponentPropsWithoutRef<'div'> {
+export interface ToastProps extends ComponentPropsWithoutRef<'div'> {
   error?: string;
   success?: string;
   theme?: string;
+  durationMs?: number;
 }
 
+const defaultDurationMs = 10000;
+
 function Error(props: ToastProps) {
   const { error } = props;
 
@@ -71,7 +74,7 @@ export function Toast(props: ToastProps) {
       <Toaster
         position="top-center"
         toastOptions={{
-          duration: 4000,
+          duration: props.durationMs ?? defaultDurationMs,
         }}
       >
         {(t) => (