differentiate custom lists from other links in main menu #145 #424

dwyl · Nov 1, 2023 · cbd558d · cbd558d
1 parent 8a785e3
commit cbd558d
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/lib/app_web/controllers/auth_controller.ex b/lib/app_web/controllers/auth_controller.ex
@@ -3,6 +3,7 @@ defmodule AppWeb.AuthController do
   import Phoenix.Component, only: [assign_new: 3]
 
   def on_mount(:default, _params, %{"jwt" => jwt} = _session, socket) do
+    dbg(jwt)
     {:cont,
      AuthPlug.assign_jwt_to_socket(socket, &Phoenix.Component.assign_new/3, jwt)}
   end

diff --git a/lib/app_web/templates/layout/live.html.heex b/lib/app_web/templates/layout/live.html.heex
@@ -1,2 +1,2 @@
-<%= render(AppWeb.NavView, "nav.html", assigns) %>
+<.live_component module={AppWeb.Nav} id="menu" {assigns} />
 <%= @inner_content %>
diff --git a/lib/app_web/templates/nav/nav.html.heex b/lib/app_web/templates/nav/nav.html.heex
@@ -118,18 +118,32 @@
     <%= for list <- @lists do %>
       <div class="space-y-1 px-2 pb-3 pt-2 text-right">
         <a
-          class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium"
+          class="text-white bg-gray-700 hover:bg-gray-600 rounded-md px-3 py-2 text-sm font-medium"
           href={list_url(list.cid)}
         >
           <%= list_name(list.name) %>
         </a>
       </div>
     <% end %>
+    <div class="space-y-1 px-2 pb-3 pt-2 text-right">
+      <%= link("🗄 Lists",
+        to: "/lists",
+        class:
+          "text-gray-900 bg-white hover:bg-gray-200 rounded-md px-3 py-2 text-sm font-medium"
+      ) %>
+    </div>
+    <div class="space-y-1 px-2 pb-3 pt-2 text-right">
+      <%= link("📈 Stats",
+        to: "/stats",
+        class:
+          "text-gray-900 bg-white hover:bg-gray-200 rounded-md px-3 py-2 text-sm font-medium"
+      ) %>
+    </div>
     <div class="space-y-1 px-2 pb-3 pt-2 text-right">
       <%= link("🏷️ Tags",
         to: "/tags",
         class:
-          "text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium"
+          "text-gray-900 bg-white hover:bg-gray-200 rounded-md px-3 py-2 text-sm font-medium"
       ) %>
     </div>
   </div>