Fix the tabindex for each room element in the rooms liveview

sgobotta · Jan 29, 2024 · 3bf5cf6 · 3bf5cf6
1 parent 966f706
commit 3bf5cf6
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/lib/livedj_web/components/custom_components.ex b/lib/livedj_web/components/custom_components.ex
@@ -126,16 +126,17 @@ defmodule LivedjWeb.CustomComponents do
           bg-zinc-50 hover:brightness-90 border-[1px] border-zinc-200 dark:border-0
           dark:bg-zinc-800 dark:hover:bg-zinc-800 dark:hover:brightness-110
         "
-        tabindex="0"
       >
-        <div
+        <.link
           phx-click={@module_click && @module_click.(module)}
+          href="#"
           class={["relative p-0", @module_click && "hover:cursor-pointer"]}
+          tabindex="0"
         >
           <div class="relative leading-6 text-zinc-900 hover:text-zinc-700">
             <%= render_slot(@inner_block, module) %>
           </div>
-        </div>
+        </.link>
       </div>
     </div>
     """