From 2e3f44495f8da915035675b498059a02c49a7e59 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Sun, 29 Mar 2026 08:47:49 +0100
Subject: [PATCH] Add record button when no latest record is present

---
 .../components/stats_components.ex              | 17 ++++++++++++-----
 priv/gettext/default.pot                        | 10 +++++-----
 priv/gettext/en/LC_MESSAGES/default.po          | 10 +++++-----
 3 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/lib/music_library_web/components/stats_components.ex b/lib/music_library_web/components/stats_components.ex
index 8fd18f47..f1a5b3df 100644
--- a/lib/music_library_web/components/stats_components.ex
+++ b/lib/music_library_web/components/stats_components.ex
@@ -45,17 +45,24 @@ defmodule MusicLibraryWeb.StatsComponents do
         </p>
       </div>
     </div>
-    <div
+    <.link
       :if={!@record}
+      navigate={~p"/collection/import"}
       class={[
-        "flex cursor-pointer items-center rounded-md bg-white px-4 py-5 shadow-sm sm:px-6 sm:pt-6 dark:bg-zinc-800",
+        "flex items-center rounded-md bg-white px-4 py-5 shadow-sm sm:px-6 sm:pt-6 dark:bg-zinc-800",
+        "border border-dashed border-zinc-300 dark:border-zinc-600",
+        "group hover:border-zinc-400 dark:hover:border-zinc-500 transition-colors",
         @class
       ]}
     >
-      <p class="truncate text-xs font-medium text-zinc-500 sm:text-sm dark:text-zinc-400">
-        {gettext("No record found")}
+      <.icon
+        name="hero-plus-circle"
+        class="size-8 text-zinc-400 group-hover:text-zinc-500 dark:text-zinc-500 dark:group-hover:text-zinc-400"
+      />
+      <p class="ml-3 truncate text-xs font-medium text-zinc-500 group-hover:text-zinc-600 sm:text-sm dark:text-zinc-400 dark:group-hover:text-zinc-300">
+        {gettext("Add a new record")}
       </p>
-    </div>
+    </.link>
     """
   end
 
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index b38b35b4..d4ddb784 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -1460,11 +1460,6 @@ msgstr ""
 msgid "No data available"
 msgstr ""
 
-#: lib/music_library_web/components/stats_components.ex
-#, elixir-autogen, elixir-format
-msgid "No record found"
-msgstr ""
-
 #: lib/music_library_web/live/collection_live/show.ex
 #, elixir-autogen, elixir-format
 msgid "(1 scrobble)"
@@ -2314,3 +2309,8 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "Refresh scrobbles"
 msgstr ""
+
+#: lib/music_library_web/components/stats_components.ex
+#, elixir-autogen, elixir-format
+msgid "Add a new record"
+msgstr ""
diff --git a/priv/gettext/en/LC_MESSAGES/default.po b/priv/gettext/en/LC_MESSAGES/default.po
index 2b2bfc00..46a3766e 100644
--- a/priv/gettext/en/LC_MESSAGES/default.po
+++ b/priv/gettext/en/LC_MESSAGES/default.po
@@ -1460,11 +1460,6 @@ msgstr ""
 msgid "No data available"
 msgstr ""
 
-#: lib/music_library_web/components/stats_components.ex
-#, elixir-autogen, elixir-format
-msgid "No record found"
-msgstr ""
-
 #: lib/music_library_web/live/collection_live/show.ex
 #, elixir-autogen, elixir-format, fuzzy
 msgid "(1 scrobble)"
@@ -2314,3 +2309,8 @@ msgstr ""
 #, elixir-autogen, elixir-format, fuzzy
 msgid "Refresh scrobbles"
 msgstr ""
+
+#: lib/music_library_web/components/stats_components.ex
+#, elixir-autogen, elixir-format, fuzzy
+msgid "Add a new record"
+msgstr ""