Merge pull request #34 from Nihu-Sharma/#25k73ff

Added time-outline icon for timezone in import app(#25k73ff)
hotwax · Apr 8, 2022 · c119f6e · c119f6e
2 parents 687207b + 4d2257d
commit c119f6e
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
@@ -16,6 +16,7 @@
       </ion-item>
       <!-- Time zone -->
       <ion-item>
+        <ion-icon :icon="timeOutline" slot="start"/>
         <ion-label> {{ userProfile && userProfile.userTimeZone ? userProfile.userTimeZone : '-' }} </ion-label>
         <ion-button @click="changeTimeZone()" slot="end" fill="outline" color="dark">{{ $t("Change") }}</ion-button>
       </ion-item>
@@ -32,7 +33,7 @@
 <script lang="ts">
 import { IonButton, IonContent, IonHeader,IonIcon, IonItem, IonLabel, IonMenuButton, IonPage, IonTitle, IonToolbar, modalController } from '@ionic/vue';
 import { defineComponent } from 'vue';
-import { codeWorkingOutline, ellipsisVertical, personCircleOutline } from 'ionicons/icons'
+import { codeWorkingOutline, ellipsisVertical, personCircleOutline, timeOutline } from 'ionicons/icons'
 import { mapGetters, useStore } from 'vuex';
 import { useRouter } from 'vue-router';
 import TimeZoneModal from '@/views/TimezoneModal.vue';
@@ -79,7 +80,8 @@ export default defineComponent({
       ellipsisVertical,
       personCircleOutline,
       store,
-      router
+      router,
+      timeOutline
     }
   }
 });