All files / components/loading-overlay loading-overlay.jsx

100% Statements 6/6
100% Branches 0/0
100% Functions 0/0
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 371x 1x 1x   1x                                   3x                         1x  
import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
 
import styles from './loading-overlay.less';
 
/**
 * The loading overlay component.
 */
class LoadingOverlay extends PureComponent {
  static displayName = 'LoadingOverlay';
 
  static propTypes = {
    text: PropTypes.string.isRequired
  }
 
  /**
   * Renders the loading overlay.
   *
   * @returns {React.Component} The component.
   */
  render() {
    return (
      <div className={classnames(styles['loading-overlay'])}>
        <div className={classnames(styles['loading-overlay-box'])}>
          <i className="fa fa-circle-o-notch fa-spin" aria-hidden />
          <div className={classnames(styles['loading-overlay-box-text'])}>
            {this.props.text}
          </div>
        </div>
      </div>
    );
  }
}
 
export default LoadingOverlay;