feat: update footer and headers to include docs

Author: zcesur

lib/algora_web/components/footer.ex

@@ -107,7 +107,7 @@ defmodule AlgoraWeb.Components.Footer do
                     class="text-base font-medium leading-6 text-gray-400 hover:text-white"
                     href={Constants.get(:docs_url)}
                   >
-                    Documentation
+                    Docs
                   </a>
                 </li>
                 <li>

lib/algora_web/components/header.ex

@@ -10,6 +10,7 @@ defmodule AlgoraWeb.Components.Header do
       %{name: "Bounties", path: ~p"/bounties"},
       %{name: "Testimonials", path: ~p"/testimonials"},
       %{name: "Crowdfund", path: ~p"/crowdfund"},
+      %{name: "Docs", path: ~p"/docs"},
       %{name: "Pricing", path: ~p"/pricing"}
     ]
   end

lib/algora_web/components/layouts/user.html.heex

@@ -208,71 +208,82 @@
           </div>
         </.link>
         <%= if @current_user do %>
-          <%= if main_contract_form = Map.get(assigns, :main_contract_form) do %>
+          <div class="flex items-center gap-x-4">
             <div>
               <.button
-                phx-click="open_main_contract_form"
+                variant="secondary"
+                navigate={~p"/docs"}
                 class="h-9 w-9 rounded-md flex items-center justify-center relative"
               >
-                <.icon name="tabler-user-dollar" class="h-6 w-6 shrink-0" />
+                <.icon name="tabler-help" class="h-6 w-6 shrink-0" />
               </.button>
-              <.drawer
-                show={@main_contract_form_open?}
-                direction="right"
-                on_cancel="close_main_contract_form"
-              >
-                <.drawer_header>
-                  <.drawer_title>Create new contract</.drawer_title>
-                  <.drawer_description>
-                    Engage a developer for ongoing work
-                  </.drawer_description>
-                </.drawer_header>
-                <.drawer_content class="mt-4">
-                  <AlgoraWeb.Forms.ContractForm.contract_form form={main_contract_form} />
-                </.drawer_content>
-              </.drawer>
             </div>
-          <% end %>
-          <%= if main_bounty_form = Map.get(assigns, :main_bounty_form) do %>
-            <div>
-              <.button
-                phx-click="open_main_bounty_form"
-                class="h-9 w-9 rounded-md flex items-center justify-center relative"
-              >
-                <.icon name="tabler-diamond" class="h-6 w-6 shrink-0" />
-                <.icon
-                  name="tabler-plus"
-                  class="h-[0.8rem] w-[0.8rem] shrink-0 absolute bottom-[0.2rem] right-[0.2rem]"
-                />
-              </.button>
-              <.drawer
-                show={@main_bounty_form_open?}
-                direction="right"
-                on_cancel="close_main_bounty_form"
-              >
-                <.drawer_header>
-                  <.drawer_title>Create new bounty</.drawer_title>
-                  <.drawer_description>
-                    Create and fund a bounty for an issue
-                  </.drawer_description>
-                </.drawer_header>
-                <.drawer_content class="mt-4">
-                  <AlgoraWeb.Forms.BountyForm.bounty_form form={main_bounty_form} />
-                </.drawer_content>
-              </.drawer>
-            </div>
-          <% end %>
-          <%!-- {live_render(@socket, AlgoraWeb.Activity.UserNavTimelineLive,
+            <%= if main_contract_form = Map.get(assigns, :main_contract_form) do %>
+              <div>
+                <.button
+                  phx-click="open_main_contract_form"
+                  class="h-9 w-9 rounded-md flex items-center justify-center relative"
+                >
+                  <.icon name="tabler-user-dollar" class="h-6 w-6 shrink-0" />
+                </.button>
+                <.drawer
+                  show={@main_contract_form_open?}
+                  direction="right"
+                  on_cancel="close_main_contract_form"
+                >
+                  <.drawer_header>
+                    <.drawer_title>Create new contract</.drawer_title>
+                    <.drawer_description>
+                      Engage a developer for ongoing work
+                    </.drawer_description>
+                  </.drawer_header>
+                  <.drawer_content class="mt-4">
+                    <AlgoraWeb.Forms.ContractForm.contract_form form={main_contract_form} />
+                  </.drawer_content>
+                </.drawer>
+              </div>
+            <% end %>
+            <%= if main_bounty_form = Map.get(assigns, :main_bounty_form) do %>
+              <div>
+                <.button
+                  phx-click="open_main_bounty_form"
+                  class="h-9 w-9 rounded-md flex items-center justify-center relative"
+                >
+                  <.icon name="tabler-diamond" class="h-6 w-6 shrink-0" />
+                  <.icon
+                    name="tabler-plus"
+                    class="h-[0.8rem] w-[0.8rem] shrink-0 absolute bottom-[0.2rem] right-[0.2rem]"
+                  />
+                </.button>
+                <.drawer
+                  show={@main_bounty_form_open?}
+                  direction="right"
+                  on_cancel="close_main_bounty_form"
+                >
+                  <.drawer_header>
+                    <.drawer_title>Create new bounty</.drawer_title>
+                    <.drawer_description>
+                      Create and fund a bounty for an issue
+                    </.drawer_description>
+                  </.drawer_header>
+                  <.drawer_content class="mt-4">
+                    <AlgoraWeb.Forms.BountyForm.bounty_form form={main_bounty_form} />
+                  </.drawer_content>
+                </.drawer>
+              </div>
+            <% end %>
+            <%!-- {live_render(@socket, AlgoraWeb.Activity.UserNavTimelineLive,
             id: "activity-timeline",
             session: %{},
             sticky: true,
             assigns: %{current_user: @current_user}
           )} --%>
-          <.context_selector
-            current_user={@current_user}
-            current_context={@current_context}
-            all_contexts={@all_contexts}
-          />
+            <.context_selector
+              current_user={@current_user}
+              current_context={@current_context}
+              all_contexts={@all_contexts}
+            />
+          </div>
         <% else %>
           <.link
             navigate="/auth/login"