fix: miscellanea

Author: zcesur

lib/algora_web/components/header.ex

@@ -48,14 +48,17 @@ defmodule AlgoraWeb.Components.Header do
         <div class="hidden lg:flex lg:flex-1 lg:justify-end gap-2">
           <.link
             :if={Algora.Stargazer.count()}
-            class="group w-fit outline-none flex items-center"
+            class="group w-fit outline-none items-center hidden lg:flex"
             target="_blank"
             rel="noopener"
             href={AlgoraWeb.Constants.get(:github_repo_url)}
           >
             <div class="rounded-[3px] hidden shrink-0 select-none items-center justify-center whitespace-nowrap bg-transparent text-center text-sm font-semibold transition duration-150 hover:bg-gray-850 disabled:opacity-50 group-focus:outline-none group-disabled:pointer-events-none group-disabled:opacity-75 lg:flex">
               <div class="flex w-full items-center justify-center gap-x-1">
-                <AlgoraWeb.Components.Logos.github class="mr-0.5 h-5 shrink-0 justify-start text-foreground/80 group-hover:text-foreground transition" />
+                <.icon
+                  name="github"
+                  class="mr-0.5 h-5 shrink-0 justify-start text-foreground/80 group-hover:text-foreground transition"
+                />
                 <span class="hidden xl:block">Star</span>
                 <span class="font-semibold text-foreground/80 group-hover:text-foreground">
                   {Algora.Stargazer.count()}
@@ -105,6 +108,23 @@ defmodule AlgoraWeb.Components.Header do
                 <% end %>
               </div>
               <div class="py-6 space-y-4">
+                <.button
+                  :if={Algora.Stargazer.count()}
+                  class="group w-full flex items-center"
+                  target="_blank"
+                  rel="noopener"
+                  variant="secondary"
+                  href={AlgoraWeb.Constants.get(:github_repo_url)}
+                >
+                  <.icon
+                    name="github"
+                    class="mr-2 h-5 shrink-0 justify-start text-foreground/80 group-hover:text-foreground transition"
+                  />
+                  <span class="mr-1">Star</span>
+                  <span class="font-semibold text-foreground/80 group-hover:text-foreground">
+                    {Algora.Stargazer.count()}
+                  </span>
+                </.button>
                 <.button navigate={~p"/auth/signup"} class="w-full">
                   Sign up
                 </.button>

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

@@ -49,8 +49,8 @@
           <div class="flex h-16 shrink-0 items-center">
             <.wordmark class="h-8 w-auto text-white" />
           </div>
-          <nav class="flex flex-1 flex-col">
-            <ul role="list" class="-mx-2 flex-1 space-y-1">
+          <nav class="flex flex-1 flex-col divide-y divide-border">
+            <ul role="list" class="-mx-2 space-y-1 pb-6">
               <%= for item <- @nav |> List.first() |> Map.get(:items) do %>
                 <li>
                   <.link
@@ -70,6 +70,37 @@
                 </li>
               <% end %>
             </ul>
+
+            <div class="py-6 space-y-4">
+              <.button
+                :if={Algora.Stargazer.count()}
+                class="group w-full flex items-center"
+                target="_blank"
+                rel="noopener"
+                variant="secondary"
+                href={AlgoraWeb.Constants.get(:github_repo_url)}
+              >
+                <.icon
+                  name="github"
+                  class="mr-2 h-5 shrink-0 justify-start text-foreground/80 group-hover:text-foreground transition"
+                />
+                <span class="mr-1">Star</span>
+                <span class="font-semibold text-foreground/80 group-hover:text-foreground">
+                  {Algora.Stargazer.count()}
+                </span>
+              </.button>
+              <.button :if={!@current_user.handle} navigate={~p"/auth/signup"} class="w-full">
+                Sign up
+              </.button>
+              <.button
+                :if={!@current_user.handle}
+                navigate={~p"/auth/login"}
+                class="w-full"
+                variant="secondary"
+              >
+                Sign in
+              </.button>
+            </div>
           </nav>
         </div>
       </div>
@@ -94,7 +125,8 @@
                   if(@active_tab == item.tab,
                     do: "bg-gray-800 text-white",
                     else: "text-gray-400 hover:bg-gray-800 hover:text-white"
-                  )
+                  ),
+                  item[:class]
                 ]}
               >
                 <.icon name={item.icon} class="h-6 w-6 shrink-0" />
@@ -200,7 +232,7 @@
       <div class="ml-auto flex items-center gap-x-6">
         <.link
           :if={Algora.Stargazer.count()}
-          class="group w-fit outline-none"
+          class="group w-fit outline-none hidden lg:flex"
           target="_blank"
           rel="noopener"
           href={AlgoraWeb.Constants.get(:github_repo_url)}

lib/algora_web/live/org/dashboard_live.ex

@@ -194,7 +194,7 @@ defmodule AlgoraWeb.Org.DashboardLive do
   def render(assigns) do
     ~H"""
     <div class="lg:pr-96">
-      <div class="container mx-auto max-w-7xl space-y-8 lg:space-y-16 p-8">
+      <div class="container mx-auto max-w-7xl space-y-8 lg:space-y-16 p-4 sm:p-6 lg:p-8">
         <.section :if={@payable_bounties != %{}}>
           <.card>
             <.card_header>
@@ -1254,7 +1254,7 @@ defmodule AlgoraWeb.Org.DashboardLive do
             >
               <.icon name="tabler-contract" class="size-4 text-current mr-2 -ml-1" /> Contract
             </.button>
-            <.dropdown_menu>
+            <%!-- <.dropdown_menu>
               <.dropdown_menu_trigger>
                 <.button variant="ghost" size="icon">
                   <.icon name="tabler-dots" class="h-4 w-4" />
@@ -1271,7 +1271,7 @@ defmodule AlgoraWeb.Org.DashboardLive do
                   Remove
                 </.dropdown_menu_item>
               </.dropdown_menu_content>
-            </.dropdown_menu>
+            </.dropdown_menu> --%>
           </div>
         </div>
       </td>

lib/algora_web/live/org/preview_nav.ex

@@ -99,17 +99,17 @@ defmodule AlgoraWeb.Org.PreviewNav do
     {:cont, assign(socket, :active_tab, active_tab)}
   end
 
-  def nav_items(repo_owner, repo_name) do
+  def nav_items(_repo_owner, _repo_name) do
     [
       %{
         title: "Overview",
         items: [
-          %{
-            href: "/go/#{repo_owner}/#{repo_name}",
-            tab: :dashboard,
-            icon: "tabler-sparkles",
-            label: "Dashboard"
-          }
+          %{href: "/", tab: :home, icon: "tabler-home", label: "Home"},
+          %{href: ~p"/bounties", tab: :bounties, icon: "tabler-briefcase", label: "Bounties", class: "lg:hidden"},
+          %{href: ~p"/testimonials", tab: :testimonials, icon: "tabler-quote", label: "Testimonials", class: "lg:hidden"},
+          %{href: ~p"/crowdfund", tab: :crowdfund, icon: "tabler-heart", label: "Crowdfund", class: "lg:hidden"},
+          %{href: ~p"/docs", tab: :docs, icon: "tabler-book", label: "Docs", class: "lg:hidden"},
+          %{href: ~p"/pricing", tab: :pricing, icon: "tabler-credit-card", label: "Pricing", class: "lg:hidden"}
         ]
       }
     ]