application/components/common/splashy.js

import React from 'react';
import Quips from './quips';
import RefreshIndicator from 'material-ui/RefreshIndicator';

/**
 * Splash screen that sits in front of loading application.
 */
class Spashy extends React.Component {
    constructor(props) {
        super(props);
        this.displayName = 'Spashy';
    }
    render() {
        return (
            <div className="splashy-root">
                <div className="row center-xs middle-xs">
                    <div className="col-xs-3 col-push-xs-6" style={{'position': 'relative'}}>
                        <RefreshIndicator
                            size={80}
                            left={0}
                            top={0}
                            status="loading"
                            style={{display: 'inline-block', position: 'relative'}}
                        />
                        <Quips />
                    </div>
                </div>
            </div>
        );
    }
}

export default Spashy;