Add existing loading modal to text-links, off by default.

src/ux-components/text-link/text-link.vue

@@ -1,4 +1,5 @@
 <template>
+    <loadingModal v-if="displayLoadingModal" ref="loadingModal" />
     <a v-if="linkType === 'navigation'" @click="handleClick" class="navigation-link" :href="href"
         >{{ text }}<slot name="after-text"></slot
     ></a>
@@ -19,6 +20,8 @@
 </template>
 
 <script>
+import loadingModal from "@/fmg-components/loading-modal/loading-modal";
+
 export default {
     name: "textLink",
     props: {
@@ -27,6 +30,10 @@ export default {
         href: {
             type: String,
         },
+        displayLoadingModal: {
+            type: Boolean,
+            default: false,
+        },
     },
     methods: {
         handleClick(event) {
@@ -36,9 +43,17 @@ export default {
                 this.text,
                 true
             );
+
+            if (this.displayLoadingModal) {
+                this.$refs.loadingModal.showModal();
+            }
+
             this.$emit("click-event");
         },
     },
+    components: {
+        loadingModal,
+    },
 };
 </script>