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 { ClipLoader } from 'react-spinners';
  23 import {COLOR_BLUE} from './GlobalExtConstants.js';
  24 import { PropTypes } from 'prop-types';
  25
  26 class SpinnerContainer extends Component {
  27   render() {
  28     // if loading, show content as busy (ex: grey out)
  29     const spinnerContentClass = this.props.loading ? 'spinner-content' : '';
  30     const containerClass = this.props.fullscreen ? 'col-lg-12 spinner-container' : 'spinner-container';
  31     return (
  32       <div className={containerClass}>
  33         <div className='spinner'>
  34           <ClipLoader color={COLOR_BLUE} loading={this.props.loading} />
  35         </div>
  36         <div className={spinnerContentClass}>
  37           {this.props.children}
  38         </div>
  39       </div>
  40     );
  41   }
  42 }
  43 export default SpinnerContainer;
  44
  45 SpinnerContainer.propTypes = {
  46   loading: PropTypes.bool
  47 };
  48
  49 SpinnerContainer.defaultProps = {
  50   loading: false
  51 };