feat: link contract creation achievement to contract drawer

Author: zcesur

lib/algora_web/components/achievement.ex

@@ -4,6 +4,10 @@ defmodule AlgoraWeb.Components.Achievement do
 
   import AlgoraWeb.CoreComponents
 
+  def link_attrs(path) when is_binary(path), do: [navigate: path]
+  def link_attrs(opts) when is_list(opts), do: opts
+  def link_attrs(_opts), do: []
+
   def achievement(%{achievement: %{status: :completed}} = assigns) do
     ~H"""
     <div class="group flex items-center gap-3">
@@ -19,7 +23,7 @@ defmodule AlgoraWeb.Components.Achievement do
 
   def achievement(%{achievement: %{status: :upcoming}} = assigns) do
     ~H"""
-    <.maybe_link navigate={@achievement.path}>
+    <.maybe_link {link_attrs(@achievement.path)}>
       <div class={
         classes([
           "group flex items-center gap-3",
@@ -50,7 +54,7 @@ defmodule AlgoraWeb.Components.Achievement do
 
   def achievement(%{achievement: %{status: :current}} = assigns) do
     ~H"""
-    <.maybe_link navigate={@achievement.path}>
+    <.maybe_link {link_attrs(@achievement.path)}>
       <div
         class={[
           "group flex items-start",

lib/algora_web/live/org/dashboard_live.ex

@@ -132,6 +132,13 @@ defmodule AlgoraWeb.Org.DashboardLive do
 
     transactions = Payments.list_hosted_transactions(current_org.id, limit: page_size())
 
+    socket =
+      if params["action"] == "create_contract" do
+        assign(socket, :main_contract_form_open?, true)
+      else
+        socket
+      end
+
     {:noreply,
      socket
      |> assign(:current_status, current_status)
@@ -1126,15 +1133,26 @@ defmodule AlgoraWeb.Org.DashboardLive do
   defp achievement_todo(%{achievement: %{id: :connect_github_status}} = assigns) do
     ~H"""
     <.button :if={!@current_user.provider_login} href={Github.authorize_url()} class="ml-auto gap-2">
-      <Logos.github class="w-4 h-4 mr-2 -ml-1" /> Connect GitHub
+      <Logos.github class="w-4 h-4 -ml-1" /> Connect GitHub
     </.button>
     """
   end
 
   defp achievement_todo(%{achievement: %{id: :install_app_status}} = assigns) do
     ~H"""
     <.button phx-click="install_app" class="ml-auto gap-2">
-      <Logos.github class="w-4 h-4 mr-2 -ml-1" /> Install GitHub App
+      <Logos.github class="w-4 h-4 -ml-1" /> Install GitHub App
+    </.button>
+    """
+  end
+
+  defp achievement_todo(%{achievement: %{id: :create_contract_status}} = assigns) do
+    ~H"""
+    <.button
+      patch={~p"/#{@current_org.handle}/dashboard?action=create_contract"}
+      class="ml-auto gap-2"
+    >
+      <.icon name="tabler-user-dollar" class="w-4 h-4 -ml-1" /> Create a contract
     </.button>
     """
   end
@@ -1154,7 +1172,8 @@ defmodule AlgoraWeb.Org.DashboardLive do
       {&install_app_status/1, "Install Algora in #{current_org.name}", nil},
       {&create_bounty_status/1, "Create a bounty", nil},
       {&reward_bounty_status/1, "Reward a bounty", nil},
-      {&create_contract_status/1, "Contract a developer", nil},
+      {&create_contract_status/1, "Contract a developer",
+       [patch: ~p"/#{current_org.handle}/dashboard?action=create_contract"]},
       {&share_with_friend_status/1, "Share Algora with a friend", nil}
     ]
 
@@ -1625,6 +1644,7 @@ defmodule AlgoraWeb.Org.DashboardLive do
                 <.achievement_todo
                   achievement={achievement}
                   current_user={@current_user}
+                  current_org={@current_org}
                   secret={@secret}
                   login_form={@login_form}
                 />