From 5933a44bc89bebdbe940ffd626225c95745d8471 Mon Sep 17 00:00:00 2001
From: Leah Schumann <leah.schumann@safelite.com>
Date: Mon, 24 Apr 2023 11:02:00 -0400
Subject: [PATCH] wip

---
 .../service-location/service-location.vue     |  2 +-
 .../shop-question/shop-question.vue           | 31 +++++++++++++------
 2 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 43f580efe..b17a91878 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -67,7 +67,7 @@
                 modalWidgetName="MobileLocationModalWidget" />
             <shopQuestion
                 ref="shopQuestion"
-                v-if="selectedAppointmentType === 'Inshop' || selectedAppointmentType === 'Dropoff'"
+                v-show="selectedAppointmentType === 'Inshop' || selectedAppointmentType === 'Dropoff'"
                 v-model="selectedShop"
                 :isDropoff="isDropoff"
                 :serviceZipCode="zipCode"
diff --git a/src/layouts/service-location/shop-question/shop-question.vue b/src/layouts/service-location/shop-question/shop-question.vue
index 3f8a892f9..36ddc38f2 100644
--- a/src/layouts/service-location/shop-question/shop-question.vue
+++ b/src/layouts/service-location/shop-question/shop-question.vue
@@ -149,13 +149,19 @@ export default {
 
             await this.$nextTick();
 
+            if (this.shopIndex == this.shops.length) {
+                this.displaySeeMoreLocationsLink = false;
+            } else {
+                this.displaySeeMoreLocationsLink = true;
+            }
+
+            await this.$nextTick();
+
             const container = document.getElementsByClassName("page-container-grouped-styles")[0];
 
             container.scrollTo({ top: container.scrollHeight, left: 0, behavior: "smooth" });
 
-            if (this.shopIndex == this.shops.length) {
-                this.displaySeeMoreLocationsLink = false;
-            }
+
         },
         resetShopList() {
             this.answers = [];
@@ -167,12 +173,12 @@ export default {
             this.$refs.buttonQuestion.resetField();
         },
     },
-    mounted() {
-        console.log(this.shopQuestionData)
-        this.shops = this.shopQuestionData;
-        this.getNextShopsFromList()
-        console.log(this.shops)
-    },
+    // mounted() {
+    //     console.log(this.shopQuestionData);
+    //     this.shops = this.shopQuestionData;
+    //     this.getNextShopsFromList();
+    //     console.log(this.shops);
+    // },
     watch: {
         serviceZipCode: {
             async handler() {
@@ -198,6 +204,13 @@ export default {
                 this.resetShopList();
             },
         },
+        shopQuestionData: {
+            handler(newValue) {
+                console.log(newValue)
+                this.shops = newValue;
+                this.getNextShopsFromList();
+            },
+        }
     },
 };
 </script>