Add collaboration feature

[sdc.git] / openecomp-ui / src / sdc-app / onboarding / onboard / onboardingCatalog / VendorCatalogView.jsx

diff --git a/openecomp-ui/src/sdc-app/onboarding/onboard/onboardingCatalog/VendorCatalogView.jsx b/openecomp-ui/src/sdc-app/onboarding/onboard/onboardingCatalog/VendorCatalogView.jsx
index c4e0599..9914ea2 100644 (file)
--- a/openecomp-ui/src/sdc-app/onboarding/onboard/onboardingCatalog/VendorCatalogView.jsx
+++ b/openecomp-ui/src/sdc-app/onboarding/onboard/onboardingCatalog/VendorCatalogView.jsx
@@ -17,20 +17,20 @@ import React from 'react';
 import VendorItem from './VendorItem.jsx';
 import CatalogList from '../CatalogList.jsx';
 import CatalogItemDetails from '../CatalogItemDetails.jsx';
-import {catalogItemTypes, catalogItemTypeClasses} from './OnboardingCatalogConstants.js';
+import {catalogItemTypes} from './OnboardingCatalogConstants.js';
 import {filterCatalogItemsByType} from './OnboardingCatalogUtils.js';
 
-const VendorList = ({onAddVLM, onAddVSP, onSelectVSP, licenseModelList = [], vspOverlay: currentOverlay, onVspOverlayChange, onVendorSelect, filter, onMigrate}) => {
+const VendorList = ({onAddVLM, onAddVSP, onSelectVSP, licenseModelList = [], vspOverlay: currentOverlay, onVspOverlayChange, onVendorSelect, filter, onMigrate, users}) => {
        return(
                <CatalogList onAddVLM={onAddVLM} onAddVSP={onAddVSP}>
                        {
-                               filterCatalogItemsByType(licenseModelList, catalogItemTypes.LICENSE_MODEL, filter).map(vlm =>
+                               filterCatalogItemsByType({items: licenseModelList, filter}).map(vlm =>
                                        <VendorItem
                                                key={vlm.id}
                                                onAddVSP={onAddVSP}
-                                               onSelectVSP={onSelectVSP}
+                                               onSelectVSP={(vsp) => onSelectVSP(vsp, users)}
                                                shouldShowOverlay={currentOverlay === vlm.id}
-                                               onVSPIconClick={(hasVSP) => onVspOverlayChange(vlm.id === currentOverlay || !hasVSP ? null : vlm)}
+                                               onVSPButtonClick={(hasVSP) => onVspOverlayChange(vlm.id === currentOverlay || !hasVSP ? null : vlm)}
                                                onVendorSelect={onVendorSelect}
                                                onMigrate={onMigrate}
                                                vendor={vlm}/>)
@@ -39,23 +39,23 @@ const VendorList = ({onAddVLM, onAddVSP, onSelectVSP, licenseModelList = [], vsp
        );
 };
 
-const SoftwareProductListByVendor = ({onAddVSP, selectedVendor, onVendorSelect, onSelectVSP, onSelectVLM, filter, onMigrate}) => {
+const SoftwareProductListByVendor = ({onAddVSP, selectedVendor, onVendorSelect, onSelectVSP, onSelectVLM, filter, onMigrate, users}) => {
        return(
                <div>
                        <CatalogList onAddVSP={()=>{onAddVSP(selectedVendor.id);}} vendorPageOptions={{selectedVendor, onBack: () => onVendorSelect(false)}}>
                                <CatalogItemDetails
                                        key={selectedVendor.id}
-                                       onSelect={() => onSelectVLM(selectedVendor)}
-                                       catalogItemTypeClass={catalogItemTypeClasses.LICENSE_MODEL}
+                                       onSelect={() => onSelectVLM(selectedVendor, users)}
+                                       catalogItemTypeClass={catalogItemTypes.LICENSE_MODEL}
                                        onMigrate={onMigrate}
-                                       catalogItemData={{...selectedVendor, name: selectedVendor.vendorName}}/>
+                                       catalogItemData={selectedVendor}/>
                                {
-                                       filterCatalogItemsByType(selectedVendor.softwareProductList, catalogItemTypes.SOFTWARE_PRODUCT, filter).map(vsp =>
+                                       filterCatalogItemsByType({items: selectedVendor.softwareProductList, filter}).map(vsp =>
                                                <CatalogItemDetails
                                                        key={vsp.id}
-                                                       catalogItemTypeClass={catalogItemTypeClasses.SOFTWARE_PRODUCT}
+                                                       catalogItemTypeClass={catalogItemTypes.SOFTWARE_PRODUCT}
                                                        onMigrate={onMigrate}
-                                                       onSelect={() => onSelectVSP(vsp)}
+                                                       onSelect={() => onSelectVSP(vsp, users)}
                                                        catalogItemData={vsp}/>
                                        )
                                }