From 2f57ce2e673ff061c36a9af3fdb4aa3a5dcfd091 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Sat, 28 Feb 2026 10:30:44 +0000
Subject: [PATCH] Display static changed banner instead of toast

---
 .../components/layouts/app.html.heex              |  9 +++++++++
 lib/music_library_web/hooks/static_assets.ex      |  9 +--------
 priv/gettext/default.pot                          | 15 ++++++++++-----
 priv/gettext/en/LC_MESSAGES/default.po            | 15 ++++++++++-----
 4 files changed, 30 insertions(+), 18 deletions(-)

diff --git a/lib/music_library_web/components/layouts/app.html.heex b/lib/music_library_web/components/layouts/app.html.heex
index 29e1b53e..81a92cac 100644
--- a/lib/music_library_web/components/layouts/app.html.heex
+++ b/lib/music_library_web/components/layouts/app.html.heex
@@ -1,3 +1,12 @@
+<div
+  :if={assigns[:static_changed]}
+  class="bg-yellow-100 dark:bg-yellow-900 border-b border-yellow-300 dark:border-yellow-700 px-4 py-2 text-center text-sm text-yellow-700 dark:text-yellow-200"
+>
+  {gettext("The application has been updated.")}
+  <a href="" onclick="window.location.reload()" class="underline font-medium">
+    {gettext("Reload")}
+  </a>
+</div>
 <nav class="border-b border-slate-900/10 dark:border-slate-300/10" aria-label="Sections">
   <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 lg:px-8 2xl:px-0">
     <div class="flex h-16 justify-between">
diff --git a/lib/music_library_web/hooks/static_assets.ex b/lib/music_library_web/hooks/static_assets.ex
index 7adf8d48..2d000b73 100644
--- a/lib/music_library_web/hooks/static_assets.ex
+++ b/lib/music_library_web/hooks/static_assets.ex
@@ -2,13 +2,6 @@ defmodule MusicLibraryWeb.Hooks.StaticAssets do
   use MusicLibraryWeb, :live_component
 
   def on_mount(:default, _params, _session, socket) do
-    socket =
-      if static_changed?(socket) do
-        put_toast(socket, :warning, gettext("The application has been updated, please reload."))
-      else
-        socket
-      end
-
-    {:cont, socket}
+    {:cont, assign(socket, :static_changed, static_changed?(socket))}
   end
 end
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index 9f29f6b2..a38367c0 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -198,11 +198,6 @@ msgstr ""
 msgid "Stats"
 msgstr ""
 
-#: lib/music_library_web/hooks/static_assets.ex
-#, elixir-autogen, elixir-format
-msgid "The application has been updated, please reload."
-msgstr ""
-
 #: lib/music_library_web/components/record_form.ex
 #, elixir-autogen, elixir-format
 msgid "Type"
@@ -2023,3 +2018,13 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "Errors"
 msgstr ""
+
+#: lib/music_library_web/components/layouts/app.html.heex
+#, elixir-autogen, elixir-format
+msgid "Reload"
+msgstr ""
+
+#: lib/music_library_web/components/layouts/app.html.heex
+#, elixir-autogen, elixir-format
+msgid "The application has been updated."
+msgstr ""
diff --git a/priv/gettext/en/LC_MESSAGES/default.po b/priv/gettext/en/LC_MESSAGES/default.po
index a48ae435..cd75814e 100644
--- a/priv/gettext/en/LC_MESSAGES/default.po
+++ b/priv/gettext/en/LC_MESSAGES/default.po
@@ -198,11 +198,6 @@ msgstr ""
 msgid "Stats"
 msgstr ""
 
-#: lib/music_library_web/hooks/static_assets.ex
-#, elixir-autogen, elixir-format
-msgid "The application has been updated, please reload."
-msgstr ""
-
 #: lib/music_library_web/components/record_form.ex
 #, elixir-autogen, elixir-format
 msgid "Type"
@@ -2023,3 +2018,13 @@ msgstr ""
 #, elixir-autogen, elixir-format, fuzzy
 msgid "Errors"
 msgstr ""
+
+#: lib/music_library_web/components/layouts/app.html.heex
+#, elixir-autogen, elixir-format, fuzzy
+msgid "Reload"
+msgstr ""
+
+#: lib/music_library_web/components/layouts/app.html.heex
+#, elixir-autogen, elixir-format, fuzzy
+msgid "The application has been updated."
+msgstr ""