From 678e61ecbc906430d3d2e8c084c08881cebb93cc Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Tue, 5 Nov 2024 08:42:10 +0000
Subject: [PATCH] Uniform usage of inputs (with border correction)

---
 .../components/core_components.ex             |  4 +-
 .../live/record_live/index.html.heex          | 12 +-----
 .../live/wishlist_live/index.html.heex        | 12 +-----
 priv/gettext/default.pot                      | 38 +++++++++----------
 4 files changed, 23 insertions(+), 43 deletions(-)

diff --git a/lib/music_library_web/components/core_components.ex b/lib/music_library_web/components/core_components.ex
index 636daf64..a539dd81 100644
--- a/lib/music_library_web/components/core_components.ex
+++ b/lib/music_library_web/components/core_components.ex
@@ -350,7 +350,7 @@ defmodule MusicLibraryWeb.CoreComponents do
         name={@name}
         class={[
           "mt-2 block w-full rounded-md",
-          "border border-zinc-300",
+          "border-0 border-zinc-300",
           "bg-white shadow-sm dark:bg-zinc-700",
           "ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
           "focus:border-zinc-400 focus:ring-zinc-400 dark:focus:ring-zinc-300 focus:ring-0",
@@ -401,7 +401,7 @@ defmodule MusicLibraryWeb.CoreComponents do
         value={Phoenix.HTML.Form.normalize_value(@type, @value)}
         class={[
           "mt-2 block w-full rounded-md",
-          "border border-zinc-300",
+          "border-0 border-zinc-300",
           "bg-white shadow-sm dark:bg-zinc-700",
           "ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
           "focus:border-zinc-400 focus:ring-zinc-400 dark:focus:ring-zinc-300 focus:ring-0",
diff --git a/lib/music_library_web/live/record_live/index.html.heex b/lib/music_library_web/live/record_live/index.html.heex
index 08334766..829f2294 100644
--- a/lib/music_library_web/live/record_live/index.html.heex
+++ b/lib/music_library_web/live/record_live/index.html.heex
@@ -2,18 +2,8 @@
   <header class="gap-6 mb-2">
     <div class="flex items-center justify-between gap-6 mb-2 mt-2">
       <form class="w-2/3" for={@record_list_params.query} phx-submit="search" phx-change="search">
-        <input
+        <.input
           type="search"
-          class={[
-            "relative block w-full rounded-md border-0 py-1.5",
-            "sm:text-sm sm:leading-6",
-            "ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
-            "text-gray-900 dark:text-gray-200",
-            "dark:bg-zinc-700",
-            "ring-gray-200 dark:ring-gray-400",
-            "placeholder:text-gray-400 dark:placeholder:text-gray-400",
-            "focus:ring-zinc-400 dark:focus:ring-zinc-300"
-          ]}
           id={:query}
           name={:query}
           value={@record_list_params.query}
diff --git a/lib/music_library_web/live/wishlist_live/index.html.heex b/lib/music_library_web/live/wishlist_live/index.html.heex
index a1e26088..81039b0d 100644
--- a/lib/music_library_web/live/wishlist_live/index.html.heex
+++ b/lib/music_library_web/live/wishlist_live/index.html.heex
@@ -2,18 +2,8 @@
   <header class="gap-6 mb-2">
     <div class="flex items-center justify-between gap-6 mb-2 mt-2">
       <form class="w-2/3" for={@record_list_params.query} phx-submit="search" phx-change="search">
-        <input
+        <.input
           type="search"
-          class={[
-            "relative block w-full rounded-md border-0 py-1.5",
-            "sm:text-sm sm:leading-6",
-            "ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
-            "text-gray-900 dark:text-gray-200",
-            "dark:bg-zinc-700",
-            "ring-gray-200 dark:ring-gray-400",
-            "placeholder:text-gray-400 dark:placeholder:text-gray-400",
-            "focus:ring-zinc-400 dark:focus:ring-zinc-300"
-          ]}
           id={:query}
           name={:query}
           value={@record_list_params.query}
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index 6c94b3e7..0038c785 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -16,9 +16,9 @@ msgstr ""
 msgid "Actions"
 msgstr ""
 
-#: lib/music_library_web/live/record_live/index.html.heex:163
+#: lib/music_library_web/live/record_live/index.html.heex:153
 #: lib/music_library_web/live/record_live/show.html.heex:9
-#: lib/music_library_web/live/wishlist_live/index.html.heex:173
+#: lib/music_library_web/live/wishlist_live/index.html.heex:163
 #: lib/music_library_web/live/wishlist_live/show.html.heex:9
 #, elixir-autogen, elixir-format
 msgid "Are you sure?"
@@ -61,20 +61,20 @@ msgstr ""
 msgid "Cover art"
 msgstr ""
 
-#: lib/music_library_web/live/record_live/index.html.heex:165
+#: lib/music_library_web/live/record_live/index.html.heex:155
 #: lib/music_library_web/live/record_live/show.html.heex:12
-#: lib/music_library_web/live/wishlist_live/index.html.heex:175
+#: lib/music_library_web/live/wishlist_live/index.html.heex:165
 #: lib/music_library_web/live/wishlist_live/show.html.heex:12
 #, elixir-autogen, elixir-format
 msgid "Delete"
 msgstr ""
 
 #: lib/music_library_web/live/record_live/index.ex:54
-#: lib/music_library_web/live/record_live/index.html.heex:154
+#: lib/music_library_web/live/record_live/index.html.heex:144
 #: lib/music_library_web/live/record_live/show.ex:50
 #: lib/music_library_web/live/record_live/show.html.heex:4
 #: lib/music_library_web/live/wishlist_live/index.ex:55
-#: lib/music_library_web/live/wishlist_live/index.html.heex:154
+#: lib/music_library_web/live/wishlist_live/index.html.heex:144
 #: lib/music_library_web/live/wishlist_live/show.ex:50
 #: lib/music_library_web/live/wishlist_live/show.html.heex:4
 #, elixir-autogen, elixir-format
@@ -113,8 +113,8 @@ msgstr ""
 msgid "Hang in there while we get back on track"
 msgstr ""
 
-#: lib/music_library_web/live/record_live/index.html.heex:27
-#: lib/music_library_web/live/wishlist_live/index.html.heex:27
+#: lib/music_library_web/live/record_live/index.html.heex:17
+#: lib/music_library_web/live/wishlist_live/index.html.heex:17
 #, elixir-autogen, elixir-format
 msgid "Import"
 msgstr ""
@@ -174,8 +174,8 @@ msgid "No results"
 msgstr ""
 
 #: lib/music_library_web/live/record_live/import_component.ex:76
-#: lib/music_library_web/live/record_live/index.html.heex:99
-#: lib/music_library_web/live/wishlist_live/index.html.heex:99
+#: lib/music_library_web/live/record_live/index.html.heex:89
+#: lib/music_library_web/live/wishlist_live/index.html.heex:89
 #, elixir-autogen, elixir-format
 msgid "Open options"
 msgstr ""
@@ -191,7 +191,7 @@ msgstr ""
 msgid "Previous"
 msgstr ""
 
-#: lib/music_library_web/live/wishlist_live/index.html.heex:164
+#: lib/music_library_web/live/wishlist_live/index.html.heex:154
 #, elixir-autogen, elixir-format
 msgid "Purchase"
 msgstr ""
@@ -233,8 +233,8 @@ msgstr ""
 msgid "Saving..."
 msgstr ""
 
-#: lib/music_library_web/live/record_live/index.html.heex:20
-#: lib/music_library_web/live/wishlist_live/index.html.heex:20
+#: lib/music_library_web/live/record_live/index.html.heex:10
+#: lib/music_library_web/live/wishlist_live/index.html.heex:10
 #, elixir-autogen, elixir-format
 msgid "Search"
 msgstr ""
@@ -249,16 +249,16 @@ msgstr ""
 msgid "Search for records"
 msgstr ""
 
-#: lib/music_library_web/live/record_live/index.html.heex:134
+#: lib/music_library_web/live/record_live/index.html.heex:124
 #: lib/music_library_web/live/record_live/show.ex:49
-#: lib/music_library_web/live/wishlist_live/index.html.heex:134
+#: lib/music_library_web/live/wishlist_live/index.html.heex:124
 #: lib/music_library_web/live/wishlist_live/show.ex:49
 #, elixir-autogen, elixir-format
 msgid "Show"
 msgstr ""
 
-#: lib/music_library_web/live/record_live/index.html.heex:33
-#: lib/music_library_web/live/wishlist_live/index.html.heex:33
+#: lib/music_library_web/live/record_live/index.html.heex:23
+#: lib/music_library_web/live/wishlist_live/index.html.heex:23
 #, elixir-autogen, elixir-format
 msgid "Showing <b>%{visible}</b> of <b>%{total}</b> records"
 msgstr ""
@@ -313,8 +313,8 @@ msgstr ""
 msgid "Updated at"
 msgstr ""
 
-#: lib/music_library_web/live/record_live/index.html.heex:144
-#: lib/music_library_web/live/wishlist_live/index.html.heex:144
+#: lib/music_library_web/live/record_live/index.html.heex:134
+#: lib/music_library_web/live/wishlist_live/index.html.heex:134
 #, elixir-autogen, elixir-format
 msgid "View on MusicBrainz"
 msgstr ""