src/app/browse/BrowseCard.jsx

   1 /*
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *       http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ============LICENSE_END=========================================================
  19  */
  20
  21 import React from 'react';
  22 import Col from 'react-bootstrap/lib/Col';
  23 import { Link } from 'react-router-dom';
  24
  25 const BrowseCard = (props) => (
  26 <Link to={'/model/' + props.browseModel}>
  27   <Col lg={2} md={3} sm={4}>
  28     <div className='card' title={props.browseDesc}>
  29       <div className='card-content browse-card-content'>
  30         <i className={props.browseIcon} aria-hidden='true'> </i>
  31         <div className='card-block'>
  32           <h3 className='card-title'>
  33             {props.browseName}
  34           </h3>
  35         </div>
  36       </div>
  37       <div className='card-footer'>
  38           <button type='button' className='btn btn-outline-primary'>Browse</button>
  39       </div>
  40     </div>
  41   </Col>
  42   </Link>
  43 );
  44
  45 export default BrowseCard;