1 files changed, 56 insertions, 32 deletions
diff --git a/openecomp-ui/src/sdc-app/onboarding/onboard/DetailsCatalogView.jsx b/openecomp-ui/src/sdc-app/onboarding/onboard/DetailsCatalogView.jsx
index ea6cf5e9bc..771c0eb6c1 100644
--- a/openecomp-ui/src/sdc-app/onboarding/onboard/DetailsCatalogView.jsx
+++ b/openecomp-ui/src/sdc-app/onboarding/onboard/DetailsCatalogView.jsx
@@ -15,42 +15,66 @@
  */
 import React from 'react';
 import PropTypes from 'prop-types';
-import {catalogItemTypes} from './onboardingCatalog/OnboardingCatalogConstants.js';
-import {filterCatalogItemsByType} from './onboardingCatalog/OnboardingCatalogUtils.js';
+import { catalogItemTypes } from './onboardingCatalog/OnboardingCatalogConstants.js';
+import { filterCatalogItemsByType } from './onboardingCatalog/OnboardingCatalogUtils.js';
 import CatalogList from './CatalogList.jsx';
 import CatalogItemDetails from './CatalogItemDetails.jsx';
 
-class DetailsCatalogView extends React.Component{
+class DetailsCatalogView extends React.Component {
+    static propTypes = {
+        VLMList: PropTypes.array,
+        VSPList: PropTypes.array,
+        onSelectVLM: PropTypes.func.isRequired,
+        onSelectVSP: PropTypes.func.isRequired,
+        onAddVLM: PropTypes.func,
+        onAddVSP: PropTypes.func,
+        filter: PropTypes.string.isRequired
+    };
 
-	static propTypes = {
-		VLMList: PropTypes.array,
-		VSPList: PropTypes.array,
-		onSelectVLM: PropTypes.func.isRequired,
-		onSelectVSP: PropTypes.func.isRequired,
-		onAddVLM: PropTypes.func,
-		onAddVSP: PropTypes.func,
-		filter: PropTypes.string.isRequired
-	};
+    renderCatalogItems({ items, type, filter, onSelect, onMigrate, users }) {
+        return filterCatalogItemsByType({ items, filter }).map(item => (
+            <CatalogItemDetails
+                key={item.id}
+                catalogItemData={item}
+                catalogItemTypeClass={type}
+                onMigrate={onMigrate}
+                onSelect={() => onSelect(item, users)}
+            />
+        ));
+    }
 
-	renderCatalogItems({items, type, filter, onSelect, onMigrate, users}){
-		return filterCatalogItemsByType({items, filter}).map(item =>
-			<CatalogItemDetails
-				key={item.id}
-				catalogItemData={item}
-				catalogItemTypeClass={type}
-				onMigrate={onMigrate}
-				onSelect={() => onSelect(item, users)} />
-		);
-	}
-
-	render() {
-		let {VLMList, VSPList, users, onAddVSP, onAddVLM, onSelectVLM, onSelectVSP, filter = '', onMigrate} = this.props;
-		return (
-			<CatalogList onAddVLM={onAddVLM} onAddVSP={onAddVSP}>
-				{this.renderCatalogItems({items: VLMList, type: catalogItemTypes.LICENSE_MODEL, filter, onSelect: onSelectVLM, onMigrate, users})}
-				{this.renderCatalogItems({items: VSPList, type: catalogItemTypes.SOFTWARE_PRODUCT, filter, onSelect: onSelectVSP, onMigrate, users})}
-			</CatalogList>
-		);
-	}
+    render() {
+        let {
+            VLMList,
+            VSPList,
+            users,
+            onAddVSP,
+            onAddVLM,
+            onSelectVLM,
+            onSelectVSP,
+            filter = '',
+            onMigrate
+        } = this.props;
+        return (
+            <CatalogList onAddVLM={onAddVLM} onAddVSP={onAddVSP}>
+                {this.renderCatalogItems({
+                    items: VLMList,
+                    type: catalogItemTypes.LICENSE_MODEL,
+                    filter,
+                    onSelect: onSelectVLM,
+                    onMigrate,
+                    users
+                })}
+                {this.renderCatalogItems({
+                    items: VSPList,
+                    type: catalogItemTypes.SOFTWARE_PRODUCT,
+                    filter,
+                    onSelect: onSelectVSP,
+                    onMigrate,
+                    users
+                })}
+            </CatalogList>
+        );
+    }
 }
 export default DetailsCatalogView;