changed default to use image, null checks

Author: malincrist

src/components/template-pages/api-details-page/apiDetailsPageHandlers.ts

@@ -11,9 +11,9 @@ export class ApiDetailsPageHandlers implements IWidgetHandler {
         return {
             colors: {
                 titleBackgorundColor: {
-                    displayName: "Title background",
+                    displayName: "Static page title background",
                     defaults: {
-                        value: "#3F4D50"
+                        value: "#155F9C"
                     }
                 }
             },

src/components/template-pages/api-details-page/ko/runtime/menu/api-nav-menu.ts

@@ -131,6 +131,10 @@ export class ApiNavMenu {
     }
 
     public selectMenuItem(menuItem: menuItem): void {
+        if(!menuItem) {
+            return;
+        }
+        
         if (this.selectedMenuItem() === menuItem) {
             return;
         }

src/components/template-pages/api-details-page/ko/runtime/staticPages/api-products-cards.ts

@@ -47,9 +47,13 @@ export class ApiProductsCards {
     }
 
     public async loadPageOfProducts(): Promise<void> {
+        const apiName = this.selectedApiName();
+        if (!apiName) {
+            return;
+        }
+        
         try {
             this.working(true);
-            const apiName = this.selectedApiName();
             const pageOfProducts = await this.apiService.getApiProductsPage(apiName, {});
             this.products(pageOfProducts.value);
             this.nextLink(pageOfProducts.nextLink);

src/components/template-pages/product-details-page/ko/runtime/menu/product-nav-menu.ts

@@ -69,6 +69,10 @@ export class ProductNavMenu {
     }
 
     public selectMenuItem(menuItem: menuItem): void {
+        if(!menuItem) {
+            return;
+        }
+        
         if (this.selectedMenuItem() === menuItem) {
             return;
         }

src/components/template-pages/product-details-page/ko/runtime/staticPages/product-apis-cards.ts

@@ -46,9 +46,13 @@ export class ProductApisCards {
     }
 
     public async loadPageOfApis(): Promise<void> {
+        const productName = this.selectedProductName();
+        if (!productName) {
+            return;
+        }
+
         try {
             this.working(true);
-            const productName = this.selectedProductName();
             const pageOfApis = await this.apiService.getProductApis(`products/${productName}`, {});
             this.apis(pageOfApis.value);
             this.nextLink(pageOfApis.nextLink);

src/components/template-pages/product-details-page/productDetailsPageHandlers.ts

@@ -11,9 +11,9 @@ export class ProductDetailsPageHandlers implements IWidgetHandler {
         return {
             colors: {
                 titleBackgorundColor: {
-                    displayName: "Title background",
+                    displayName: "Static page title background",
                     defaults: {
-                        value: "#3F4D50"
+                        value: "#155F9C"
                     }
                 }
             },