Fixed: spinner while fetching timezone to inform user that fetching i…

…n progress (hotwax#301) Fixed: Fixed the spinner while fetching the timezone to inform user that fetching is in progress
DistinctiveYR · Oct 19, 2024 · 532fffa · 532fffa
1 parent 76fce68
commit 532fffa
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/src/components/DxpTimeZoneSwitcher.vue b/src/components/DxpTimeZoneSwitcher.vue
@@ -56,17 +56,15 @@
           </ion-list>
           <ion-list>
             <ion-list-header v-if="showBrowserTimeZone">{{ $t("Select a different time zone") }}</ion-list-header>
-            <!-- Loading state -->
-            <div class="empty-state" v-if="isLoading">
-              <ion-item lines="none">
-                <ion-spinner color="secondary" name="crescent" slot="start" />
-                {{ $t("Fetching time zones") }}
-              </ion-item>
-            </div>
-            <!-- Empty state -->
+              <div class="empty-state" v-if="isLoading">
+                <ion-item lines="none">
+                  <ion-spinner color="secondary" name="crescent" slot="start" />
+                    {{ $t("Fetching time zones") }}
+                </ion-item>
+              </div>
             <div class="empty-state" v-else-if="filteredTimeZones.length === 0">
-              <p>{{ $t("No time zone found") }}</p>
-            </div>
+                <p>{{ $t("No time zone found") }}</p>
+              </div>       
             <div v-else>
               <ion-item :key="timeZone.id" v-for="timeZone in filteredTimeZones">
                 <ion-radio label-placement="end" justify="start" :value="timeZone.id">