diff --git a/src/views/order-popover.vue b/src/views/order-popover.vue
index 0b7b7871..4fb79bff 100644
--- a/src/views/order-popover.vue
+++ b/src/views/order-popover.vue
@@ -72,28 +72,28 @@ export default defineComponent({
       return alert.present();
     },
     async openWarehouseList() {
-      const warehousemodal = await modalController.create({
+      const warehouseModal = await modalController.create({
         component: WarehouseModal,
         componentProps: {
           item: this.item,
         },
       });
-      warehousemodal.onDidDismiss().finally(() => {
+      warehouseModal.onDidDismiss().finally(() => {
         this.closePopover();
       });
-      return warehousemodal.present();
+      return warehouseModal.present();
     },
      async editPromiseDate() {
-      const datemodal = await modalController.create({
+      const dateModal = await modalController.create({
         component: PromiseDateModal,
         componentProps: {
           item: this.item
         },
       });
-      datemodal.onDidDismiss().finally(() => {
+      dateModal.onDidDismiss().finally(() => {
         this.closePopover();
       });
-      return datemodal.present();
+      return dateModal.present();
     },
     async cancelAlert() {
       const alert = await alertController.create({
diff --git a/src/views/orders.vue b/src/views/orders.vue
index 13c6edbb..79f55adc 100644
--- a/src/views/orders.vue
+++ b/src/views/orders.vue
@@ -429,39 +429,39 @@ export default defineComponent({
       return alert.present();
     },
     async openWarehouseList() {
-      const warehousemodal = await modalController.create({
+      const warehouseModal = await modalController.create({
         component: WarehouseModal,
         cssClass: "my-custom-class",
         componentProps: {
           items: this.selectedItems
         },
       });
-      warehousemodal.onDidDismiss().finally(() => {
+      warehouseModal.onDidDismiss().finally(() => {
         // TODO FIX this it should deselect only on successful action
         this.deselectSelectedItems();
       })
-      return warehousemodal.present();
+      return warehouseModal.present();
     },
     async openActiveJobs() {
-      const bgjobmodal = await modalController.create({
+      const bgjobModal = await modalController.create({
         component: BackgroundJobModal,
         cssClass: "my-custom-class",
       });
-      return bgjobmodal.present();
+      return bgjobModal.present();
     },
     async editPromiseDate() {
-      const datemodal = await modalController.create({
+      const dateModal = await modalController.create({
         component: PromiseDateModal,
         cssClass: "my-custom-class",
         componentProps: {
           items: this.selectedItems
         },
       });
-      datemodal.onDidDismiss().finally(() => {
+      dateModal.onDidDismiss().finally(() => {
         // TODO FIX this it should deselect only on successful action
         this.deselectSelectedItems();
       })
-      return datemodal.present();
+      return dateModal.present();
     },
     selectItem: function(event: any, item: any) {
       const existingItemIndex = this.selectedItems.findIndex((element: any) => element.orderId === item.orderId && element.orderItemSeqId === item.orderItemSeqId)
diff --git a/src/views/products.vue b/src/views/products.vue
index 210c906a..2969cd8a 100644
--- a/src/views/products.vue
+++ b/src/views/products.vue
@@ -163,11 +163,11 @@ export default defineComponent({
 
     },
     async openActiveJobs() {
-      const bgjobmodal = await modalController.create({
+      const bgjobModal = await modalController.create({
         component: BackgroundJobModal,
         cssClass: "my-custom-class",
       });
-      return bgjobmodal.present();
+      return bgjobModal.present();
     },
     selectSearchBarText(event: any) {
       event.target.getInputElement().then((element: any) => {