Rename nav_section -> current_section
This commit is contained in:
@@ -12,7 +12,7 @@ defmodule MusicLibraryWeb.Layouts do
|
||||
|
||||
embed_templates "layouts/*"
|
||||
|
||||
attr :nav_section, :atom, required: true
|
||||
attr :current_section, :atom, required: true
|
||||
attr :section, :atom, required: true
|
||||
attr :route, :string, required: true
|
||||
|
||||
@@ -24,9 +24,9 @@ defmodule MusicLibraryWeb.Layouts do
|
||||
navigate={@route}
|
||||
class={[
|
||||
"inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium",
|
||||
@nav_section == @section &&
|
||||
@current_section == @section &&
|
||||
"border-red-500 text-zinc-900 dark:text-zinc-100",
|
||||
@nav_section !== @section &&
|
||||
@current_section !== @section &&
|
||||
"border-transparent text-zinc-500 hover:border-red-300 hover:text-zinc-700 dark:text-zinc-300 dark:hover:text-zinc-200 dark:hover:border-red-700"
|
||||
]}
|
||||
>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<div class="flex h-16 justify-between">
|
||||
<div class="flex">
|
||||
<div class="flex space-x-2 md:space-x-4">
|
||||
<.nav_link route={~p"/"} section={:stats} nav_section={assigns[:nav_section]}>
|
||||
<.nav_link route={~p"/"} section={:stats} current_section={@current_section}>
|
||||
<.icon
|
||||
name="hero-chart-pie"
|
||||
class="max-sm:hidden h-4 w-4 mr-2"
|
||||
@@ -16,7 +16,7 @@
|
||||
<.nav_link
|
||||
route={~p"/collection"}
|
||||
section={:collection}
|
||||
nav_section={assigns[:nav_section]}
|
||||
current_section={@current_section}
|
||||
>
|
||||
<.icon
|
||||
name="hero-circle-stack"
|
||||
@@ -26,7 +26,7 @@
|
||||
/>
|
||||
{gettext("Collection")}
|
||||
</.nav_link>
|
||||
<.nav_link route={~p"/wishlist"} section={:wishlist} nav_section={assigns[:nav_section]}>
|
||||
<.nav_link route={~p"/wishlist"} section={:wishlist} current_section={@current_section}>
|
||||
<.icon
|
||||
name="hero-star"
|
||||
class="max-sm:hidden h-4 w-4 mr-2"
|
||||
|
||||
Reference in New Issue
Block a user