src/utils/SpinnerContainer.jsx

   1 /*
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017-2018 Amdocs
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  *       http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END=========================================================
  20  */
  21 import React, { Component } from 'react';
  22 import { PropTypes } from 'prop-types';
  23 import { ClipLoader } from 'react-spinners';
  24 import {COLOR_BLUE} from 'utils/GlobalConstants.js';
  25
  26 class SpinnerContainer extends Component {
  27   render() {
  28     // if loading, show content as busy (ex: grey out)
  29     const spinnerContentClass = this.props.loading ? 'spin-content' : '';
  30     return (
  31       <div className='spin-container'>
  32         <div className='spinner'>
  33           <ClipLoader color={COLOR_BLUE} loading={this.props.loading} />
  34         </div>
  35         <div className={spinnerContentClass}>
  36           {this.props.children}
  37         </div>
  38       </div>
  39     );
  40   }
  41 }
  42 export default SpinnerContainer;
  43
  44 SpinnerContainer.propTypes = {
  45   loading: PropTypes.bool
  46 };
  47
  48 SpinnerContainer.defaultProps = {
  49   loading: false
  50 };