Improved: added name to routes, fixed indentation, and remove showBac…

…kdrop property (#1)
hotwax · May 21, 2024 · d001833 · d001833
1 parent 9de9d80
commit d001833
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/components/SelectOperatingCountriesModal.vue b/src/components/SelectOperatingCountriesModal.vue
@@ -60,6 +60,6 @@ function closeModal() {
 
 <style scoped>
   ion-content {
-  --padding-bottom: 80px;
+    --padding-bottom: 80px;
   }
 </style>
diff --git a/src/router/index.ts b/src/router/index.ts
@@ -38,25 +38,30 @@ const routes: Array<RouteRecordRaw> = [
       },
       {
         path: "product-store",
+        name: "ProductStore",
         component: () => import("@/views/ProductStore.vue")
       },
       {
         path: "settings",
+        name: "Settings",
         component: () => import("@/views/Settings.vue")
       }
     ],
     beforeEnter: authGuard
   },
   {
     path: "/create-product-store",
+    name: "CreateProductStore",
     component: CreateProductStore
   },
   {
     path: "/add-configurations",
+    name: "AddConfigurations",
     component: AddConfigurations
   },
   {
     path: "/product-store-details/:productStoreId",
+    name: "ProductStoreDetails",
     component: ProductStoreDetails,
     props: true
   },

diff --git a/src/views/CreateProductStore.vue b/src/views/CreateProductStore.vue
@@ -63,8 +63,7 @@ function manageConfigurations() {
 
 async function openSelectOperatingCountriesModal() {
   const modal = await modalController.create({
-    component: SelectOperatingCountriesModal,
-    showBackdrop: true
+    component: SelectOperatingCountriesModal
   })
 
   modal.present()