Add return home link on not authorized error message. (#845)

Author: felder101

training-front-end/src/components/AdminGSPC.vue

@@ -9,7 +9,8 @@
   import { RepositoryFactory } from "./RepositoryFactory.vue";
   import { useStore } from "@nanostores/vue";
   import { profile } from "../stores/user.js";
-  
+
+  const base_url = import.meta.env.BASE_URL
   const adminRepository = RepositoryFactory.get('admin')
   const { withMessage } = helpers
 
@@ -331,6 +332,7 @@
         GSA SmartPay team
       </a> to gain access.
     </USWDSAlert>
+    <p><a :href="base_url">Return to Home</a></p>
   </section>
 </template>
 <style>

training-front-end/src/components/AdminPanel.vue

@@ -107,5 +107,6 @@ const isAdminUser = computed(() => user.value.roles.includes('Admin'))
         GSA SmartPay team
       </a> to gain access.
     </USWDSAlert>
+    <p><a :href="base_url">Return to Home</a></p>
   </section>
 </template>

training-front-end/src/components/AdminReportIndex.vue

@@ -7,6 +7,7 @@
   import AdminUserReportDownload from "./AdminUserReport.vue"
   import USWDSAlert from './USWDSAlert.vue'
 
+  const base_url = import.meta.env.BASE_URL
   const error = ref()
   const user = useStore(profile)
   const isAdminUser = computed(() => user.value.roles.includes('Admin'))
@@ -90,5 +91,6 @@
         GSA SmartPay team
       </a> to gain access.
     </USWDSAlert>
+    <p><a :href="base_url">Return to Home</a></p>
   </section>
 </template>

training-front-end/src/components/AdminSearchUser.vue

@@ -12,6 +12,7 @@
 
   const PAGE_SIZE = 25
 
+  const base_url = import.meta.env.BASE_URL
   const user = useStore(profile)
   const isAdminUser = computed(() => user.value.roles.includes('Admin'))
   let currentPage = ref(0)
@@ -202,5 +203,6 @@
         GSA SmartPay team
       </a> to gain access.
     </USWDSAlert>
+    <p><a :href="base_url">Return to Home</a></p>
   </section>
 </template>

training-front-end/src/components/AdminTrainingReport.vue

@@ -13,6 +13,7 @@
   import AdminRepository from './AdminRepository.vue';
   import USWDSComboBox from "./form-components/USWDSComboBox.vue";
 
+  const base_url = import.meta.env.BASE_URL
   const error = ref()
   const user = useStore(profile)
   const isAdminUser = computed(() => user.value.roles.includes('Admin'))
@@ -211,5 +212,6 @@
         GSA SmartPay team
       </a> to gain access.
     </USWDSAlert>
+    <p><a :href="base_url">Return to Home</a></p>
   </section>
 </template>