From 362875412080241acbf2d048097f02ac2a96ed95 Mon Sep 17 00:00:00 2001
From: Nikos Papadakis <nikos@papadakis.xyz>
Date: Sun, 10 Sep 2023 15:46:42 +0300
Subject: [PATCH] app: support button as link

---
 .../prymn_web/components/core_components.ex   | 34 ++++++++++++-------
 .../live/server_live/index.html.heex          |  4 +--
 2 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/app/lib/prymn_web/components/core_components.ex b/app/lib/prymn_web/components/core_components.ex
index 03f4fb1..e005c89 100644
--- a/app/lib/prymn_web/components/core_components.ex
+++ b/app/lib/prymn_web/components/core_components.ex
@@ -200,28 +200,38 @@ defmodule PrymnWeb.CoreComponents do
   ## Examples
 
       <.button>Send!</.button>
+      <.button type="link" href="/foo/bar">Navigate</.button>
       <.button phx-click="go" class="ml-2">Send!</.button>
   """
   attr :type, :string, default: nil
   attr :class, :string, default: nil
-  attr :rest, :global, include: ~w(disabled form name value)
+  attr :rest, :global, include: ~w(disabled form name value patch navigate)
 
   slot :inner_block, required: true
 
   def button(assigns) do
-    ~H"""
-    <button
-      type={@type}
-      class={[
+    assigns =
+      assign(assigns, :style, [
         "phx-submit-loading:opacity-75 rounded-lg bg-zinc-900 hover:bg-zinc-700 py-2 px-3",
         "text-sm font-semibold leading-6 text-white active:text-white/80",
-        @class
-      ]}
-      {@rest}
-    >
-      <%= render_slot(@inner_block) %>
-    </button>
-    """
+        assigns.class
+      ])
+
+    case assigns.type do
+      "link" ->
+        ~H"""
+        <.link class={@style} {@rest}>
+          <%= render_slot(@inner_block) %>
+        </.link>
+        """
+
+      _ ->
+        ~H"""
+        <button type={@type} class={@style} {@rest}>
+          <%= render_slot(@inner_block) %>
+        </button>
+        """
+    end
   end
 
   @doc """
diff --git a/app/lib/prymn_web/live/server_live/index.html.heex b/app/lib/prymn_web/live/server_live/index.html.heex
index 14a9028..dcd7ec3 100644
--- a/app/lib/prymn_web/live/server_live/index.html.heex
+++ b/app/lib/prymn_web/live/server_live/index.html.heex
@@ -4,9 +4,7 @@
     <%= "#{Enum.count(@servers)} servers" %>
   </small>
   <:actions>
-    <.link patch={~p"/servers/new"}>
-      <.button>Connect a Server</.button>
-    </.link>
+    <.button type="link" patch={~p"/servers/new"}>Connect a Server</.button>
   </:actions>
 </.header>