From 1e5c9664217f6ae311c6b095837fba28c5c401e9 Mon Sep 17 00:00:00 2001
From: Jason Wheeler <jason.wheeler@safelite.com>
Date: Wed, 21 Sep 2022 15:39:39 -0400
Subject: [PATCH] pulling navigation scenarios for button from js file

---
 src/layouts/vehicle-year/vehicle-year.vue | 11 +++++++++--
 src/layouts/welcome-page/welcome-page.vue | 10 ++++++++--
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index 02efa35a..999e0beb 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/src/layouts/vehicle-year/vehicle-year.vue
@@ -1,12 +1,19 @@
 <template>
-    <navButton text="back" scenario="CLICKED_BACK"></navButton>
+    <navButton text="back" v-bind:scenario="navigationScenarios.CLICKED_BACK"></navButton>
     Vehicle Year Placeholder
 </template>
 
 <script>
     import navButton from '../../common-components/nav-button/nav-button.vue';
+    import { navigationScenarios } from "@/router/router-constants/navigation-scenarios";
+    
     export default {
         name: 'vehicle-year',
-        components: { navButton }
+        components: { navButton },
+        data: () => {
+        return {
+            navigationScenarios,        
+        }
+    }
     }
 </script>
\ No newline at end of file
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index c9fd1bc4..002c5c64 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -1,15 +1,21 @@
 <template>
     <p>Welcome Page Placeholder</p>
     <br />
-    <navButton text="Next" scenario="CLICKED_FORWARD"></navButton>
+    <navButton text="Next" v-bind:scenario="navigationScenarios.CLICKED_FORWARD"></navButton>
 </template>
 
 <script>
     import navButton from "../../common-components/nav-button/nav-button.vue";
+    import { navigationScenarios } from "@/router/router-constants/navigation-scenarios";
 
     export default {
     name: "welcome-page",
-    components: { navButton }
+    components: { navButton },
+    data: () => {
+        return {
+            navigationScenarios,        
+        }
+    }
 }
 </script>