skyquake/framework/widgets/screen-loader/screenLoader.jsx

   1
   2 /*
   3  *
   4  *   Copyright 2016 RIFT.IO Inc
   5  *
   6  *   Licensed under the Apache License, Version 2.0 (the "License");
   7  *   you may not use this file except in compliance with the License.
   8  *   You may obtain a copy of the License at
   9  *
  10  *       http://www.apache.org/licenses/LICENSE-2.0
  11  *
  12  *   Unless required by applicable law or agreed to in writing, software
  13  *   distributed under the License is distributed on an "AS IS" BASIS,
  14  *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  15  *   See the License for the specific language governing permissions and
  16  *   limitations under the License.
  17  *
  18  */
  19 import Loader from '../loading-indicator/loadingIndicator.jsx';
  20 import React from 'react';
  21
  22 export default class ScreenLoader extends React.Component {
  23   constructor(props) {
  24     super(props)
  25   }
  26   render() {
  27     let overlayStyle = {
  28       position: 'fixed',
  29       zIndex: 999,
  30       width: '100%',
  31       height: '100%',
  32       top: 0,
  33       // right: 0,
  34       // bottom: 0,
  35       left: 0,
  36       display: this.props.show ? 'flex' : 'none',
  37       justifyContent: 'center',
  38       alignItems: 'center',
  39       scroll: 'none',
  40       backgroundColor: 'rgba(0,0,0,0.5)'
  41     };
  42     return (
  43       <div style={overlayStyle}><Loader size="10"/></div>
  44     );
  45   }
  46 }