Add record button when no latest record is present

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">
+      <.icon
-        {gettext("No record found")}
+        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
 

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 ""

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 ""