use .link helpers

lib/memex_web/components/core_components.ex

@@ -136,6 +136,7 @@ defmodule MemexWeb.CoreComponents do
     """
   end
 
+  attr :id, :string, required: true
   attr :datetime, :any, required: true, doc: "A `DateTime` struct or nil"
 
   @doc """
@@ -151,6 +152,7 @@ defmodule MemexWeb.CoreComponents do
 
   defp cast_datetime(_datetime), do: ""
 
+  attr :id, :string, required: true
   attr :date, :any, required: true, doc: "A `Date` struct or nil"
 
   @doc """

lib/memex_web/components/core_components/date.html.heex

@@ -1,4 +1,4 @@
-<time :if={@date} datetime={@date |> Date.to_iso8601(:extended)} x-data={~s<{
+<time :if={@date} id={@id} datetime={@date |> Date.to_iso8601(:extended)} x-data={~s<{
     date:
       Intl.DateTimeFormat([], {timeZone: 'Etc/UTC', dateStyle: 'short'})
         .format(new Date("#{Date.to_iso8601(@date, :extended)}"))

lib/memex_web/components/core_components/datetime.html.heex

@@ -1,4 +1,4 @@
-<time :if={@datetime} datetime={cast_datetime(@datetime)} x-data={~s/{
+<time :if={@datetime} id={@id} datetime={cast_datetime(@datetime)} x-data={~s/{
     datetime:
       Intl.DateTimeFormat([], {dateStyle: 'short', timeStyle: 'long'})
         .format(new Date("#{cast_datetime(@datetime)}"))

lib/memex_web/components/core_components/user_card.html.heex

@@ -16,7 +16,7 @@
           "user confirmed on%{confirmed_datetime}",
           confirmed_datetime: ""
         ) %>
-        <.datetime datetime={@user.confirmed_at} />
+        <.datetime id={"#{@user.id}-confirmed-at"} datetime={@user.confirmed_at} />
       <% else %>
         <%= gettext("email unconfirmed") %>
       <% end %>
@@ -27,7 +27,7 @@
         "user registered on%{registered_datetime}",
         registered_datetime: ""
       ) %>
-      <.datetime datetime={@user.inserted_at} />
+      <.datetime id={"#{@user.id}-inserted-at"} datetime={@user.inserted_at} />
     </p>
   </h3>
 

lib/memex_web/live/home_live.html.heex

@@ -90,9 +90,9 @@
             <%= dgettext("prompts", "register to setup memEx") %>
           </.link>
         <% else %>
-          <a :for={%{email: email} <- @admins} class="link" href={"mailto:#{email}"}>
+          <.link :for={%{email: email} <- @admins} class="link" href={"mailto:#{email}"}>
             <%= email %>
-          </a>
+          </.link>
         <% end %>
       </p>
     </li>

lib/memex_web/live/invite_live/index.html.heex

@@ -56,16 +56,16 @@
         <i class="fa-fw fa-lg fas fa-trash"></i>
       </.link>
 
-      <a
+      <.link
         href="#"
         class="btn btn-secondary"
         phx-click={if invite.disabled_at, do: "enable_invite", else: "disable_invite"}
         phx-value-id={invite.id}
       >
         <%= if invite.disabled_at, do: gettext("enable"), else: gettext("disable") %>
-      </a>
+      </.link>
 
-      <a
+      <.link
         :if={invite.disabled_at |> is_nil() and not (invite.uses_left |> is_nil())}
         href="#"
         class="btn btn-secondary"
@@ -78,7 +78,7 @@
         }
       >
         <%= gettext("set unlimited") %>
-      </a>
+      </.link>
     </.invite_card>
 
     <.link

lib/memex_web/templates/error/error.html.heex

@@ -24,9 +24,12 @@
 
         <hr class="w-full hr" />
 
-        <a href={Routes.live_path(Endpoint, HomeLive)} class="link title text-primary-400 text-lg">
+        <.link
+          href={Routes.live_path(Endpoint, HomeLive)}
+          class="link title text-primary-400 text-lg"
+        >
           <%= dgettext("errors", "go back home") %>
-        </a>
+        </.link>
       </div>
     </div>
   </body>

priv/gettext/de/LC_MESSAGES/errors.po

@@ -83,7 +83,7 @@ msgstr ""
 msgid "invalid format: only numbers, letters and hyphen are accepted"
 msgstr ""
 
-#: lib/memex_web/templates/error/error.html.heex:28
+#: lib/memex_web/templates/error/error.html.heex:31
 #, elixir-autogen, elixir-format
 msgid "go back home"
 msgstr ""

priv/gettext/en/LC_MESSAGES/errors.po

@@ -84,7 +84,7 @@ msgstr ""
 msgid "invalid format: only numbers, letters and hyphen are accepted"
 msgstr ""
 
-#: lib/memex_web/templates/error/error.html.heex:28
+#: lib/memex_web/templates/error/error.html.heex:31
 #, elixir-autogen, elixir-format
 msgid "go back home"
 msgstr ""

priv/gettext/errors.pot

@@ -83,7 +83,7 @@ msgstr ""
 msgid "invalid format: only numbers, letters and hyphen are accepted"
 msgstr ""
 
-#: lib/memex_web/templates/error/error.html.heex:28
+#: lib/memex_web/templates/error/error.html.heex:31
 #, elixir-autogen, elixir-format
 msgid "go back home"
 msgstr ""