fix coverage status issue / use footer for navigation

src/layouts/coverage-statement/coverage-statement.vue

@@ -89,13 +89,12 @@
                         class="mt-5 mb-5"
                         :customText="disclaimerText"
                         typeStyle="caption" />
-                    <div :class="getVariant + ' mb-5'">
-                        <textLink
-                            linkType="navigation"
-                            text="Back"
-                            href="#"
-                            @clickEvent="navigateBackByVehicleQuestions" />
-                    </div>
+                    <siteFooter
+                        ref="siteFooter"
+                        :class="getVariant + ' mb-5'"
+                        cmsWidgetName="SiteFooterWidget"
+                        :isForwardButtonHidden="true"
+                        @backClicked="navigateBackByVehicleQuestions" />
                 </div>
             </div>
         </div>
@@ -114,6 +113,7 @@ import contentGroupModal from '@/iss-components/content-group-modal/content-grou
 import textBlock from '@/digital-components/text-block/text-block.vue';
 import textLink from '@/ux-components/text-link/text-link.vue';
 import buttonMain from '@/ux-components/button-main/button-main.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
 // Import Supporting Files
 import {
     fetchCmsContentForPage,
@@ -146,7 +146,8 @@ export default {
         contentGroupModal,
         buttonMain,
         textBlock,
-        textLink
+        textLink,
+        siteFooter
     },
     mixins: [baseFormMixin, vehicleQuestionsMixin],
     async beforeRouteEnter(to, from, next) {
@@ -328,9 +329,9 @@ export default {
         },
         getVariant() {
             if (this.isITACQuoteVisible || this.isNoCompQuoteVisible) {
-                return 'text-center';
+                return 'centered-back-button';
             }
-            return 'text-left';
+            return '';
         }
     },
     watch: {
@@ -595,6 +596,16 @@ export default {
         margin-top: 20px;
         display: block;
     }
+    :deep(.centered-back-button) {
+        footer {
+            > div {
+                justify-content: center;
+                #stacked {
+                    display: none;
+                }
+            }
+        }
+    }
 }
 
 .modal {

src/layouts/policy-vehicles/policy-vehicles.vue

@@ -67,6 +67,7 @@ import {
     repairWaivedForSelectedVehicle
 } from '@/helpers/policy-vehicle-helper';
 import coverageType from '@/constants/coverage-type';
+import coverageStatus from '@/constants/coverage-statuses';
 import alert from '@/ux-components/alert/alert.vue';
 import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
 import buttonMain from '@/ux-components/button-main/button-main.vue';
@@ -237,6 +238,7 @@ export default {
                 });
             } else {
                 useMainStore().updateCoverageType(coverageType.NONE);
+                useMainStore().updateCoverageStatus(coverageStatus.UNVERIFIED);
             }
             return this.navigateForward();
         },