From 27953ee8541e152d4a3aadb9e53cd5e3cffe05ec Mon Sep 17 00:00:00 2001
From: Justin Coyne <jcoyne@justincoyne.com>
Date: Wed, 25 Sep 2024 11:12:07 -0500
Subject: [PATCH] Use bootstrap styles for skip links

See https://github.com/projectblacklight/spotlight/blob/af4f9f06e1fa13bed804e3085d225862fe670117/app/views/layouts/spotlight/base.html.erb#L27C1-L33C11
---
 app/views/layouts/spotlight/base.html.erb | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)
diff --git a/app/views/layouts/spotlight/base.html.erb b/app/views/layouts/spotlight/base.html.erb
index 772cc761..0bcab17b 100644
--- a/app/views/layouts/spotlight/base.html.erb
+++ b/app/views/layouts/spotlight/base.html.erb
@@ -25,13 +25,9 @@
   </head>
   <body class="<%= render_body_class %>">
     <%= render partial: 'shared/body_preamble' %>
-    <div id="skip-link">
-      <% if should_render_spotlight_search_bar? %>
-        <%= link_to t('blacklight.skip_links.search_field'), '#search_field', class: 'element-invisible element-focusable rounded-bottom py-2 px-3', data: { turbo: false } %>
-      <% end %>
-      <%= link_to t('blacklight.skip_links.main_content'), '#main-container', class: 'element-invisible element-focusable rounded-bottom py-2 px-3', data: { turbo: false } %>
+    <%= render blacklight_config.skip_link_component.new do %>
       <%= content_for(:skip_links) %>
-    </div>
+    <% end %>
 
     <%= render partial: 'shared/header_navbar' %>
     <%= render partial: 'shared/masthead' %>
