Update code to attempt to fix race condition with js

GSA · Nov 21, 2024 · feca2a8 · feca2a8
1 parent f7ce376
commit feca2a8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/front-end/index.html b/front-end/index.html
@@ -10,7 +10,6 @@
     <script src="/js/uswds-init.min.js"></script>
     <title>GSA 889 Representations Tool</title>
     <script async="" type="text/javascript" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=GSA" id="_fed_an_ua_tag"></script>
-    <script type="text/javascript" src="https://touchpoints.app.cloud.gov/touchpoints/55c3c7c9.js" async></script>
   </head>
   <body >
     <div id="app" class="grid-row flex flex-column height-full"></div>

diff --git a/front-end/src/components/GSAFooter.vue b/front-end/src/components/GSAFooter.vue
@@ -1,3 +1,16 @@
+<script setup>
+
+import {onMounted} from "vue";
+
+onMounted (() => {
+  let recaptchaScript = document.createElement('script')
+  recaptchaScript.async = true;
+  recaptchaScript.setAttribute('src', 'https://touchpoints.app.cloud.gov/touchpoints/55c3c7c9.js')
+  document.head.appendChild(recaptchaScript)
+})
+
+</script>
+
 <template>
   <div class="usa-footer usa-footer--slim">
     <div class="usa-footer__primary-section">
@@ -24,10 +37,7 @@
           </p>
         </div>
         <div class="mobile-lg:grid-col-4">
-          <div class="margin-top-2 margin-bottom-2" aria-label="Feedback button" role="complementary">
-            <a id="fba-button" data-id="55c3c7c9" class="fba-button fixed-tab-button usa-button"  aria-haspopup="dialog"
-               aria-controls="fba-modal-55c3c7c9" data-open-modal="" role="button">Leave us your feedback</a>
-          </div>
+          <button id="touchpoint-survey-889" class="usa-button margin-top-2 margin-bottom-2" type="button">Leave us your feedback</button>
         </div>
       </div>
     </div>