Improved: added locale text & changed the component name(hotwax#726)

package.json

@@ -18,7 +18,7 @@
     "@hotwax/app-version-info": "^1.0.0",
     "@hotwax/apps-theme": "^1.2.6",
     "@hotwax/dxp-components": "1.15.4",
-    "@hotwax/oms-api": "^1.15.0",
+    "@hotwax/oms-api": "^1.14.0",
     "@ionic/core": "^7.6.0",
     "@ionic/vue": "^7.6.0",
     "@ionic/vue-router": "^7.6.0",

src/components/JobConfiguration.vue

@@ -203,7 +203,7 @@ import emitter from '@/event-bus';
 import { Actions, hasPermission } from '@/authorization'
 import CustomFrequencyModal from '@/components/CustomFrequencyModal.vue';
 import JobParameterModal from '@/components/JobParameterModal.vue'
-import LeareMoreModal from "./LeareMoreModal.vue";
+import LearnMoreModal from "./LearnMoreModal.vue";
 
 export default defineComponent({
   name: "JobConfiguration",
@@ -285,11 +285,11 @@ export default defineComponent({
       this.router.push({ name: 'DataManagerLogDetails', params: { jobId } })
     },
     async openLearnMoreModal() {
-      const openLearnMoreModal = await modalController.create({
-        component: LeareMoreModal,
+      const learnMoreModal = await modalController.create({
+        component: LearnMoreModal,
         componentProps: {currentJob: this.currentJob}
       })
-      return openLearnMoreModal.present()
+      return learnMoreModal.present()
     },
     getDateTime(time: any) {
       return DateTime.fromMillis(time).toISO()

src/components/LeareMoreModal.vue → src/components/LearnMoreModal.vue

@@ -6,18 +6,18 @@
           <ion-icon slot="icon-only" :icon="closeOutline" />
         </ion-button>
       </ion-buttons>
-      <ion-title>{{ translate('Learn more.') }}</ion-title>
+      <ion-title>{{ translate("Learn more") }}</ion-title>
       <ion-button slot="end" fill="clear" @click="redirectToJobsDoc()">
-        <ion-icon  color="dark" :icon="openOutline" />
+        <ion-icon color="medium" :icon="openOutline" />
       </ion-button>
     </ion-toolbar>
   </ion-header>
 
   <ion-content>
-    <div class="empty-state" v-if="isGenratingAnswer">
+    <div class="empty-state" v-if="isGeneratingAnswer">
       <ion-item lines="none">
         <ion-spinner name="crescent" slot="start" />
-        {{ translate("Genrating answer...") }}
+        {{ translate("Generating answer...") }}
       </ion-item>
     </div>
 
@@ -37,7 +37,7 @@
 
       <ion-list>
         <ion-item lines="none">
-          <ion-label>Sources</ion-label>
+          <ion-label>{{ translate("Sources") }}</ion-label>
         </ion-item>
         <ion-item v-for="section in jobSection" :key="section.id" lines="none">
           <ion-chip outline @click="redirectToDoc(section)">
@@ -49,7 +49,7 @@
 
       <ion-item>
         <ion-label>
-          <p class="overline">Summary</p>
+          <p class="overline">{{ translate("Summary") }}</p>
           {{ askResponse?.text }}
         </ion-label>
       </ion-item>
@@ -64,6 +64,7 @@ import { translate } from '@hotwax/dxp-components';
 import { defineComponent } from "vue";
 import { hasError } from '@/utils'
 import { askQuery, searchQuery } from "@/adapter";
+import logger from "@/logger";
 
 export default defineComponent({
   name: "LearnMoreModal",
@@ -86,10 +87,10 @@ export default defineComponent({
       queryString: '',
       askResponse: {} as any,
       jobSection: {} as any,
-      isGenratingAnswer: true
+      isGeneratingAnswer: true
     }
   },
-  props: ['currentJob'],
+  props: ["currentJob"],
   mounted() {
     this.askQuery();
   },
@@ -112,13 +113,13 @@ export default defineComponent({
               this.jobSection.push(...filteredPage.sections);
             }
           });
-          this.isGenratingAnswer = false;
+          this.isGeneratingAnswer = false;
         } else {
           throw resp.data;
         }
       } catch(error: any) {
-        console.error(error);
-        this.isGenratingAnswer = false;
+        logger.error(error);
+        this.isGeneratingAnswer = false;
       }
     },
     async askQuery() {
@@ -136,14 +137,14 @@ export default defineComponent({
             const pageIds = this.askResponse?.sources.map((source: any) => source.page);
             this.searchQuery(pageIds);
           } else {
-            this.isGenratingAnswer = false;
+            this.isGeneratingAnswer = false;
           }
         } else {
           throw resp.data;
         }
       } catch(error: any) {
-        console.error(error);
-        this.isGenratingAnswer = false;
+        logger.error(error);
+        this.isGeneratingAnswer = false;
       }
     },
     async redirectToDoc(section: any) {
@@ -157,7 +158,6 @@ export default defineComponent({
     }
   },
   setup() {
-
     return {
       closeOutline, 
       openOutline,

src/locales/en.json

@@ -104,7 +104,7 @@
   "Fulfilled": "Fulfilled",
   "Fulfillment": "Fulfillment",
   "Fulfillment status": "Fulfillment status",
-  "Genrating answer...": "Genrating answer...",
+  "Generating answer...": "Generating answer...",
   "Get Paid Transactions": "Get Paid Transactions",
   "Go to OMS": "Go to OMS",
   "Go to Launchpad": "Go to Launchpad",
@@ -136,7 +136,7 @@
   "Landed inventory cost": "Landed inventory cost",
   "Last run": "Last run",
   "Last Shopify Order ID": "Last Shopify Order ID",
-  "Learn more.": "Learn more.",
+  "Learn more": "Learn more",
   "Loading": "Loading",
   "Login": "Login",
   "Log Id": "Log Id",
@@ -270,6 +270,7 @@
   "Skip job": "Skip job",
   "Skip once": "Skip once",
   "Skipping will run this job at the next occurrence based on the temporal expression.": "Skipping will run this job at the next occurrence based on the temporal expression.",
+  "Sources": "Sources",
   "Some jobs have slow frequency type, hence, feasible frequency will be set automatically": "Some jobs have slow frequency type, hence, feasible frequency will be set automatically",
   "Something went wrong": "Something went wrong",
   "Something went wrong while getting complete user permissions.": "Something went wrong while getting complete user permissions.",
@@ -283,6 +284,7 @@
   "store name": "store name",
   "Stores": "Stores",
   "stores selected": "stores selected",
+  "Summary": "Summary",
   "Sync": "Sync",
   "Sync pre-selling related information to Shopify as tags and meta fields.": "Sync pre-selling related information to Shopify as tags and meta fields.",
   "Sync products": "Sync products",

src/views/Pipeline.vue

@@ -316,7 +316,7 @@ import { Actions, hasPermission } from '@/authorization'
 import Filters from '@/components/Filters.vue';
 import FailedJobReasonModal from '@/views/FailedJobReasonModal.vue'
 import { translate } from '@hotwax/dxp-components';
-import LeareMoreModal from '@/components/LeareMoreModal.vue';
+import LearnMoreModal from '@/components/LearnMoreModal.vue';
 
 export default defineComponent({
   name: "Pipeline",
@@ -399,11 +399,11 @@ export default defineComponent({
   },
   methods : {
     async openLearnMoreModal(job: any) {
-      const openLearnMoreModal = await modalController.create({
-        component: LeareMoreModal,
+      const learnMoreModal = await modalController.create({
+        component: LearnMoreModal,
         componentProps: {currentJob: job}
       })
-      return openLearnMoreModal.present()
+      return learnMoreModal.present()
     },
     isPinnedJobSelected(jobEnumId: any) {
       return (this as any).pipelineFilters.enum.some((jobId: any) =>  jobId === jobEnumId );