From 5d8bf68b644649eeb23542bafaa26420af87054c Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Sun, 1 Mar 2026 08:17:26 +0000
Subject: [PATCH] Auto-dismiss toasts (not sure why it's not working)

---
 assets/js/app.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/assets/js/app.js b/assets/js/app.js
index 13177c35..ded9b8ab 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -31,12 +31,20 @@ import confetti from "canvas-confetti";
 import { createLiveToastHook } from "live_toast";
 import banner from "./banner";
 
+// the duration for each toast to stay on screen in ms
+const duration = 4000
+
+// how many toasts to show on screen at once
+const maxItems = 3
+
+const liveToastHook = createLiveToastHook(duration, maxItems)
+
 let Hooks = FluxonHooks;
 Hooks.FormatNumber = FormatNumberHook;
 Hooks.UniversalSearchNavigation = UniversalSearchNavigationHook;
 Hooks.RecordPickerNavigation = RecordPickerNavigationHook;
 Hooks.SortableList = SortableListHook;
-Hooks.LiveToast = createLiveToastHook();
+Hooks.LiveToast = liveToastHook;
 
 const csrfToken = document
   .querySelector("meta[name='csrf-token']")