Use bootstrap for reveal/collapse contact form

This provides better accessibility (aria-expanded) than our custom solution
projectblacklight · Dec 20, 2024 · 6bd6d12 · 6bd6d12
1 parent a820963
commit 6bd6d12
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 99 deletions.
diff --git a/app/assets/javascripts/spotlight/spotlight.esm.js b/app/assets/javascripts/spotlight/spotlight.esm.js
diff --git a/app/assets/javascripts/spotlight/spotlight.esm.js.map b/app/assets/javascripts/spotlight/spotlight.esm.js.map
diff --git a/app/assets/javascripts/spotlight/spotlight.js b/app/assets/javascripts/spotlight/spotlight.js
diff --git a/app/assets/javascripts/spotlight/spotlight.js.map b/app/assets/javascripts/spotlight/spotlight.js.map
diff --git a/app/javascript/spotlight/user/index.js b/app/javascript/spotlight/user/index.js
@@ -1,15 +1,13 @@
 import BrowseGroupCateogries from 'spotlight/user/browse_group_categories'
 import Carousel from 'spotlight/user/carousel'
 import ClearFormButton from 'spotlight/user/clear_form_button'
-import ReportProblem from 'spotlight/user/report_a_problem'
 import ZprLinks from 'spotlight/user/zpr_links'
 
 export default class {
   connect() {
     new BrowseGroupCateogries().connect()
     new Carousel().connect()
     new ClearFormButton().connect()
-    new ReportProblem().connect()
     new ZprLinks().connect()
   }
 }
diff --git a/app/javascript/spotlight/user/report_a_problem.js b/app/javascript/spotlight/user/report_a_problem.js
diff --git a/app/views/shared/_user_util_links.html.erb b/app/views/shared/_user_util_links.html.erb
@@ -47,7 +47,9 @@
   <% end %>
   <% if current_exhibit and show_contact_form? %>
     <li class="nav-item">
-      <%= link_to t('spotlight.header_links.contact'), spotlight.new_exhibit_contact_form_path(current_exhibit), data: {behavior: 'contact-link', target: 'report-problem-form' }, class: 'nav-link' %>
+      <%= link_to t('spotlight.header_links.contact'), spotlight.new_exhibit_contact_form_path(current_exhibit),
+        data: { bs_toggle: 'collapse', bs_target: 'report-problem-form' },
+        class: 'nav-link' %>
     </li>
   <% end %>
 </ul>