Merge pull request #634 from R-Sourabh/#629-loader-on-pending-page

Fixed: On reload of the pending review details page, the loader will remain visible until the items list is updated (#629)

src/App.vue

@@ -12,7 +12,7 @@
 
 <script setup lang="ts">
 import { IonApp, IonRouterOutlet, IonSplitPane } from '@ionic/vue';
-import { computed, onMounted, onUnmounted, ref } from 'vue';
+import { computed, onBeforeMount, onMounted, onUnmounted, ref } from 'vue';
 import { loadingController } from '@ionic/vue';
 import emitter from "@/event-bus"
 import { initialise, resetConfig } from '@/adapter'
@@ -65,16 +65,12 @@ function dismissLoader() {
   }
 }
 
-onMounted(async () => {
-  loader.value = await loadingController
-    .create({
-      message: translate("Click the backdrop to dismiss."),
-      translucent: true,
-      backdropDismiss: true
-    });
+onBeforeMount(() => {
   emitter.on("presentLoader", presentLoader);
   emitter.on("dismissLoader", dismissLoader);
+})
 
+onMounted(async () => {
   if (userProfile.value) {
     // Luxon timezone should be set with the user's selected timezone
     userProfile.value.timeZone && (Settings.defaultZone = userProfile.value.timeZone);

src/locales/en.json

@@ -173,6 +173,7 @@
   "No facility found.": "No facility found.",
   "No facility group found.": "No facility group found.",
   "No items found": "No items found",
+  "No items added to count": "No items added to count",
   "No new file upload. Please try again.": "No new file upload. Please try again.",
   "No products found.": "No products found.",
   "no match found": "no match found",