From 1a1bbe295e528f65b840eeee6f077b57edbc2a68 Mon Sep 17 00:00:00 2001
From: Berenice Medel <bemesa21@gmail.com>
Date: Fri, 19 Nov 2021 13:50:36 -0600
Subject: [PATCH] show active tab in navbar

---
 lib/live_beats_web/live/nav.ex                     | 10 ++++++++--
 lib/live_beats_web/templates/layout/live.html.heex |  4 ++--
 lib/live_beats_web/views/layout_view.ex            |  4 ++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/lib/live_beats_web/live/nav.ex b/lib/live_beats_web/live/nav.ex
index fb7a777..aa89f05 100644
--- a/lib/live_beats_web/live/nav.ex
+++ b/lib/live_beats_web/live/nav.ex
@@ -3,7 +3,13 @@ defmodule LiveBeatsWeb.Nav do
 
   alias LiveBeats.MediaLibrary
 
-  def on_mount(:default, _params, _session, socket) do
-    {:cont, assign(socket, :active_users, MediaLibrary.list_active_profiles(limit: 20))}
+  def on_mount(:default, params, _session, socket) do
+    active_tab =
+      case params do
+      %{"profile_username" => _profile} -> :index
+      _ -> :settings
+    end
+
+    {:cont, assign(socket, [active_users: MediaLibrary.list_active_profiles(limit: 20), active_tab: active_tab])}
   end
 end
diff --git a/lib/live_beats_web/templates/layout/live.html.heex b/lib/live_beats_web/templates/layout/live.html.heex
index 2e890b9..406c458 100644
--- a/lib/live_beats_web/templates/layout/live.html.heex
+++ b/lib/live_beats_web/templates/layout/live.html.heex
@@ -28,7 +28,7 @@
 
       <nav class="px-2">
         <%= if @current_user do %>
-          <.sidebar_nav_links current_user={@current_user}/>
+          <.sidebar_nav_links current_user={@current_user} active_tab={@active_tab}/>
         <% end %>
         <.sidebar_active_users id="desktop-active-users" users={@active_users}/>
       </nav>
@@ -73,7 +73,7 @@
       <!-- Navigation -->
       <nav class="px-3 mt-6">
         <%= if @current_user do %>
-          <.sidebar_nav_links current_user={@current_user}/>
+          <.sidebar_nav_links current_user={@current_user} active_tab={@active_tab}/>
         <% end %>
         <!-- Secondary navigation -->
         <.sidebar_active_users id="mobile-active-users" users={@active_users}/>
diff --git a/lib/live_beats_web/views/layout_view.ex b/lib/live_beats_web/views/layout_view.ex
index 9f5fb42..c742d77 100644
--- a/lib/live_beats_web/views/layout_view.ex
+++ b/lib/live_beats_web/views/layout_view.ex
@@ -33,7 +33,7 @@ defmodule LiveBeatsWeb.LayoutView do
       <%= if @current_user do %>
         <.link
           redirect_to={profile_path(@current_user)}
-          class="text-gray-700 hover:text-gray-900 hover:bg-gray-50 group flex items-center px-2 py-2 text-sm font-medium rounded-md"
+          class={"text-gray-700 hover:text-gray-900 hover:bg-gray-50 group flex items-center px-2 py-2 text-sm font-medium rounded-md #{if @active_tab == :index, do: "bg-gray-300"}"}
         >
           <.icon name={:music_note} outlined class="text-gray-400 group-hover:text-gray-500 mr-3 flex-shrink-0 h-6 w-6"/>
           My Songs
@@ -41,7 +41,7 @@ defmodule LiveBeatsWeb.LayoutView do
 
         <.link
           redirect_to={Routes.settings_path(LiveBeatsWeb.Endpoint, :edit)}
-          class="text-gray-700 hover:text-gray-900 hover:bg-gray-50 group flex items-center px-2 py-2 text-sm font-medium rounded-md"
+          class={"text-gray-700 hover:text-gray-900 hover:bg-gray-50 group flex items-center px-2 py-2 text-sm font-medium rounded-md #{if @active_tab == :settings, do: "bg-gray-300"}"}
         >
           <.icon name={:adjustments} outlined class="text-gray-400 group-hover:text-gray-500 mr-3 flex-shrink-0 h-6 w-6"/>
           Settings