From 784d6cf690e2eda7f17c308aca4134a14937c5e8 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Tue, 16 Sep 2025 12:28:14 -0500
Subject: [PATCH] Don't need to navigate this list

I doubt most collections will ever have more than a handul
---
 app/views/webhooks/_webhook.html.erb |  2 +-
 app/views/webhooks/index.html.erb    | 15 ++-------------
 2 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/app/views/webhooks/_webhook.html.erb b/app/views/webhooks/_webhook.html.erb
index 44b34c54d..3a72a2473 100644
--- a/app/views/webhooks/_webhook.html.erb
+++ b/app/views/webhooks/_webhook.html.erb
@@ -1,4 +1,4 @@
-<li class="list-style-none margin-none flex align-center gap full-width" data-navigable-list-target="item">
+<li class="list-style-none margin-none flex align-center gap full-width">
   <%= link_to webhook, class: "txt-ink flex gap-half align-center min-width txt-medium" do %>
     <strong class="overflow-ellipsis"><%= webhook.name %></strong>
   <% end %>
diff --git a/app/views/webhooks/index.html.erb b/app/views/webhooks/index.html.erb
index 43d1f696b..77a6c12b8 100644
--- a/app/views/webhooks/index.html.erb
+++ b/app/views/webhooks/index.html.erb
@@ -21,14 +21,9 @@
   </div>
 <% end %>
 
-<%= tag.section class: "panel shadow center webhooks", data: {
-  controller: "navigable-list",
-  action: "keydown->navigable-list#navigate",
-  navigable_list_focus_on_selection_value: true,
-  navigable_list_actionable_items_value: true
-} do %>
+<%= tag.section class: "panel shadow center webhooks" do %>
   <% if @page.records.any? %>
-    <ul class="flex flex-column align-start gap margin-none unpad" data-filter-target="list">
+    <ul class="flex flex-column align-start gap margin-none unpad webhooks-list">
       <%= render partial: "webhooks/webhook", collection: @page.records %>
     </ul>
   <% else %>
@@ -39,10 +34,4 @@
       <span>Set up a webhook</span>
     <% end %>
   <% end %>
-
-  <% if @page.records.many? %>
-    <footer class="popup__footer">
-      Press <kbd class="kbd">↑</kbd><kbd class="kbd">↓</kbd> to move, <kbd class="kbd">enter</kbd> to visit webhook, <kbd class="kbd">SHIFT+ENTER</kbd> to toggle.
-    </footer>
-  <% end %>
 <% end %>