Merge pull request #5137 from overleaf/jpa-contact-form-selector

[web] contact-form: swap the element selector for the open form trigger

GitOrigin-RevId: f4d5c437fc2021d7559f5948350c13e5cb847e11

services/web/app/views/general/account-merge-error.pug

@@ -1,4 +1,4 @@
-extends ../layout
+extends ../layout-marketing
 
 block content
 	main.content.content-alt#main-content
@@ -8,4 +8,4 @@ block content
 					.card
 						.page-header
 							h1 Account Access Error
-						p.text-danger Sorry, an error occurred accessing your account. Please #[a(href="" ng-controller="ContactModal" ng-click="contactUsModal()") contact support] and provide any email addresses that you have used to sign in to Overleaf and/or ShareLaTeX for assistance.
+						p.text-danger Sorry, an error occurred accessing your account. Please #[a(href="" data-ol-open-contact-form-modal="contact-us") contact support] and provide any email addresses that you have used to sign in to Overleaf and/or ShareLaTeX for assistance.

services/web/frontend/js/features/contact-form/index.js

@@ -4,12 +4,14 @@ document
   .querySelectorAll('[data-ol-contact-form-with-search]')
   .forEach(setupSearch)
 
-document.querySelectorAll('a[ng-click="contactUsModal()"]').forEach(el => {
-  el.addEventListener('click', function (e) {
-    e.preventDefault()
-    $('[data-ol-contact-form-modal="contact-us"]').modal()
+document
+  .querySelectorAll('[data-ol-open-contact-form-modal="contact-us"]')
+  .forEach(el => {
+    el.addEventListener('click', function (e) {
+      e.preventDefault()
+      $('[data-ol-contact-form-modal="contact-us"]').modal()
+    })
   })
-})
 
 document
   .querySelectorAll('[data-ol-open-contact-form-modal="general"]')