Remove HomeView in favor of TB Pro Appointment Landing Page + OIDC redirects (#1327)

* Add VITE_LANDING_PAGE_URL for external landing page

* Guard auth required pages with a redirect to OIDC

* Update HomeView to be a redirect handler instead

* Remove waiting list footer link

* Redirect /login user to /dashboard if already logged in

* Fix tests for FooterBar

Author: davinotdavid

frontend/.env.example

@@ -3,6 +3,7 @@
 # -- Frontend --
 VITE_BASE_URL=localhost:8080
 VITE_SHORT_BASE_URL=http://localhost:8080/user
+VITE_LANDING_PAGE_URL=http://stage.tb.pro/appointment
 # Set true to activate polling for dev server
 VITE_SERVER_WATCH_POLLING=
 VITE_SERVER_WATCH_INTERVAL=

frontend/.env.prod.example

@@ -3,6 +3,7 @@ VITE_API_URL=appointment.tb.pro/api/v1/
 VITE_BASE_URL=appointment.tb.pro
 VITE_API_SECURE=true
 VITE_SHORT_BASE_URL=apt.mt
+VITE_LANDING_PAGE_URL=http://tb.pro/appointment
 
 # -- Sentry --
 VITE_SENTRY_DSN=https://66f57328baac4929be7d62b77f41b510@o4505428107853824.ingest.sentry.io/4505428280279040

frontend/.env.stage.example

@@ -3,6 +3,7 @@ VITE_API_URL=appointment-stage.tb.pro/api/v1/
 VITE_BASE_URL=appointment-stage.tb.pro
 VITE_API_SECURE=true
 VITE_SHORT_BASE_URL=stage.apt.mt
+VITE_LANDING_PAGE_URL=http://stage.tb.pro/appointment
 
 # -- Sentry --
 VITE_SENTRY_DSN=https://66f57328baac4929be7d62b77f41b510@o4505428107853824.ingest.sentry.io/4505428280279040

frontend/.env.test

@@ -3,6 +3,7 @@
 # -- Frontend --
 VITE_BASE_URL=localhost:8080
 VITE_SHORT_BASE_URL=localhost:8080/user
+VITE_LANDING_PAGE_URL=http://stage.tb.pro/appointment
 
 # -- Backend API --
 VITE_API_URL=localhost

frontend/src/App.vue

@@ -140,6 +140,9 @@ const routeIsPublic = computed(
 const routeIsHome = computed(
   () => ['home'].includes(typeof route.name === 'string' ? route.name : ''),
 );
+const routeIsLogin = computed(
+  () => ['login'].includes(typeof route.name === 'string' ? route.name : ''),
+);
 const routeHasModal = computed(
   () => ['login'].includes(typeof route.name === 'string' ? route.name : ''),
 );
@@ -310,8 +313,13 @@ onMounted(async () => {
 </script>
 
 <template>
+  <!-- Home page is actually just a redirect to another route -->
+  <template v-if="routeIsHome || (routeIsLogin && isOidcAuth)">
+    <router-view/>
+  </template>
+
   <!-- authenticated subscriber content -->
-  <template v-if="router.hasRoute(route.name) && (user?.authenticated || routeIsPublic)">
+  <template v-else-if="router.hasRoute(route.name) && (user?.authenticated || routeIsPublic)">
     <site-notification
       v-if="user?.authenticated && visibleNotification"
       :title="notificationTitle"
@@ -321,14 +329,14 @@ onMounted(async () => {
     </site-notification>
 
     <!-- Desktop NavBar show / hide is handled in CSS land -->
-    <nav-bar v-if="!(routeIsHome && !user?.authenticated)" :nav-items="navItems"/>
+    <nav-bar :nav-items="navItems"/>
 
     <!-- Mobile NavBar show / hide is handled in CSS land -->
-    <nav-bar-mobile v-if="!(routeIsHome && !user?.authenticated)"/>
+    <nav-bar-mobile />
 
     <main
       :class="{
-        'private-route': !routeIsHome && !routeIsPublic,
+        'private-route': !routeIsPublic,
         'public-route': routeIsPublic && !routeHasModal,
       }"
     >

frontend/src/assets/img/homepage-screenshot-2-dark.png

@@ -11,7 +11,6 @@ const { authenticated: isAuthenticated } = storeToRefs(userStore);
 
 const appointmentNotLoggedInNavItems = [
   { route: '/login', i18nKey: 'logIn' },
-  { route: '/waiting-list', i18nKey: 'signUpForBeta' },
 ];
 
 const appointmentLoggedInNavItems = [