Merge pull request #184 from Ritika-Patel08/fixed-TimezoneModal

Implemented: Spinner in timezone modal so users can see that data is being fetched
hotwax · Mar 15, 2024 · 8ff237c · 8ff237c
2 parents c0e58f8 + ddf1754
commit 8ff237c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/TimezoneModal.vue b/src/components/TimezoneModal.vue
@@ -16,8 +16,10 @@
   <ion-content class="ion-padding">
     <form @keyup.enter="setUserTimeZone">
       <div class="empty-state" v-if="isLoading">
-        <ion-spinner name="crescent" />
-        <p>{{ translate("Fetching TimeZones")}}</p>
+        <ion-item lines="none">
+          <ion-spinner color="secondary" name="crescent" slot="start" />
+          {{ translate("Fetching time zones") }}
+        </ion-item>
       </div>
 
       <!-- Empty state -->

diff --git a/src/locales/en.json b/src/locales/en.json
@@ -165,7 +165,7 @@
   "Failed to update some product stores": "Failed to update some product stores",
   "Failed to update some role(s).": "Failed to update some role(s).",
   "Failed to send password reset email.": "Failed to send password reset email.",
-  "Fetching TimeZones": "Fetching TimeZones",
+  "Fetching time zones": "Fetching time zones",
   "Find Facilities": "Find Facilities",
   "Friday": "Friday",
   "Fulfillment Capacity": "Fulfillment Capacity",