Merge pull request #22 from solace-iot-team/feature-api-product-versions

Bug fix for viewing api products

Author: ricardojosegomezulmke

ReleaseNotes.md

@@ -2,6 +2,18 @@
 
 Solace Async API Management.
 
+## Version 0.1.2
+  * [API-M Admin & Developer Portal](https://github.com/solace-iot-team/async-apim/tree/main/apim-portal): 0.1.2
+  * [API-M Server OpenAPI](https://github.com/solace-iot-team/async-apim/blob/main/apim-server/server/common/api.yml): 0.1.0
+  * [API-M Server](https://github.com/solace-iot-team/async-apim/tree/main/apim-server): 0.1.0
+  * [API-M Connector OpenAPI](https://github.com/solace-iot-team/platform-api): 0.6.5
+
+#### API-M Admin & Developer Portal
+
+**Fixes:**
+- **API Products**
+  - fixed error when displaying an API Product
+
 ## Version 0.1.1
   * [API-M Admin & Developer Portal](https://github.com/solace-iot-team/async-apim/tree/main/apim-portal): 0.1.1
   * [API-M Server OpenAPI](https://github.com/solace-iot-team/async-apim/blob/main/apim-server/server/common/api.yml): 0.1.0

apim-portal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "async-apim-portal",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Solace Async API Management Portal",
   "repository": {
     "type": "git",

apim-portal/src/admin-portal/components/ManageApiProducts/DisplayApiProduct.tsx

@@ -27,6 +27,7 @@ import { Globals } from "../../../utils/Globals";
 
 import '../../../components/APComponents.css';
 import "./ManageApiProducts.css";
+import { Divider } from "primereact/divider";
 
 export enum E_DISPLAY_ADMIN_PORTAL_API_PRODUCT_SCOPE {
   REVIEW_AND_CREATE = "REVIEW_AND_CREATE",
@@ -229,6 +230,7 @@ export const DisplayAdminPortalApiProduct: React.FC<IDisplayAdminPortalApiProduc
     const funcName = 'renderManagedObject';
     const logName = `${ComponentName}.${funcName}()`;
     if(managedObject === undefined) throw new Error(`${logName}: managedObject === undefined`);
+
     return (
       <React.Fragment>
         <div className="p-mt-2">
@@ -315,20 +317,19 @@ export const DisplayAdminPortalApiProduct: React.FC<IDisplayAdminPortalApiProduc
                 emptyMessage="No attributes defined"
                 className="p-ml-4"
               />
+              {Config.getUseDevelTools() &&
+                <React.Fragment>
+                  <Divider />
+                  <div className="p-text-bold">DEVEL: All Attributes for cross checking:</div>
+                  <APDisplayApAttributeDisplayList
+                    apAttributeDisplayList={managedObject.devel_display_complete_ApAttributeList}
+                    emptyMessage="No attributes defined"
+                    className="p-ml-4"
+                  />
+                </React.Fragment>
+              }
             </React.Fragment>
           </TabPanel>
-          {Config.getUseDevelTools() &&
-          <TabPanel header='DEVEL: Raw Attributes'>
-            <React.Fragment>
-              <div className="p-text-bold">All Attributes for cross checking:</div>
-              <APDisplayApAttributeDisplayList
-                apAttributeDisplayList={managedObject.devel_display_complete_ApAttributeList}
-                emptyMessage="No attributes defined"
-                className="p-ml-4"
-              />
-            </React.Fragment>
-          </TabPanel>
-          }
         </TabView> 
       </React.Fragment>
     ); 

apim-portal/src/admin-portal/components/ManageApiProducts/EditNewApiProduct/NewReviewAndCreate.tsx

@@ -115,7 +115,7 @@ export const NewReviewAndCreate: React.FC<INewReviewAndCreateProps> = (props: IN
         <DisplayAdminPortalApiProduct
           scope={E_DISPLAY_ADMIN_PORTAL_API_PRODUCT_SCOPE.REVIEW_AND_CREATE}
           organizationId={props.organizationId}
-          apAdminPortalApiProductDisplay={props.apAdminPortalApiProductDisplay}
+          apAdminPortalApiProductDisplay={mo}
           onError={props.onError}
           onSuccess={props.onSuccessNotification}
           onLoadingChange={props.onLoadingChange}