X-Git-Url: https://gerrit.onap.org/r/gitweb?p=aai%2Fsparky-fe.git;a=blobdiff_plain;f=src%2Fapp%2Fbrowse%2FBrowseGallery.jsx;fp=src%2Fapp%2Fbrowse%2FBrowseGallery.jsx;h=6ead03cb901bcc1136e7a15a96d0cb16fe3a80c1;hp=0000000000000000000000000000000000000000;hb=5ee7367a101143715c2869d72ea4a6fbf55f5af6;hpb=ddc05d4ea0254b427fea6ec80e2b03950eeca4ce

diff --git a/src/app/browse/BrowseGallery.jsx b/src/app/browse/BrowseGallery.jsx
new file mode 100644
index 0000000..6ead03c
--- /dev/null
+++ b/src/app/browse/BrowseGallery.jsx
@@ -0,0 +1,51 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ */
+
+import React from 'react';
+import BrowseCard from 'app/browse/BrowseCard.jsx';
+import Grid from 'react-bootstrap/lib/Grid';
+import Row from 'react-bootstrap/lib/Row';
+
+const browseGallery = (props) => {
+	
+	// Build all the BrowseCards
+	const cards = props.invList.map((item) => {
+		return (
+			<BrowseCard
+				key={item.item}
+				browseItem={item.item}
+				browseName={item.detail.display}
+				browseModel={item.detail.modelPath}
+				browseIcon={item.detail.icon}
+				browsePath={item.detail.apiPath} 
+				browseDesc={props.descriptionList[0][item.detail.modelPath]}/>
+		);
+	});
+	// Return jsx to caller
+	return (
+		<Grid>
+			<Row className='show-grid'>
+				{cards}
+			</Row>
+		</Grid>
+	);
+};
+
+export default browseGallery;