fix(product): ensure product and version are available before renderi…

…ng dependent components (#395)
Kong · Feb 12, 2024 · a2ad436 · a2ad436
1 parent b5f2419
commit a2ad436
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/components/ViewSpecRegistrationModal.vue b/src/components/ViewSpecRegistrationModal.vue
@@ -241,7 +241,7 @@ export default defineComponent({
 
     const authStrategyId = computed(() => {
       const productVersion = $route.params.product_version
-      const matchingVersion = props.product.versions.find((version) => version.id === productVersion)
+      const matchingVersion = props.product?.versions?.find((version) => version.id === productVersion)
       if (!matchingVersion) {
         return
       }

diff --git a/src/components/product/Sidebar.vue b/src/components/product/Sidebar.vue
@@ -30,6 +30,7 @@
       </header>
       <SectionOverview :product="product" />
       <SectionReference
+        v-if="activeProductVersionId"
         :active-product-version-id="activeProductVersionId"
         :product="product"
         :deselect-operation="deselectOperation"

diff --git a/src/views/ProductShell.vue b/src/views/ProductShell.vue
@@ -6,7 +6,7 @@
       class="mt-6"
       :message="productError"
     />
-    <template v-else>
+    <template v-else-if="product">
       <div
         class="sidebar-wrapper"
       >