Skip to content

Instantly share code, notes, and snippets.

@johnrhampton

johnrhampton/gist:b69e115a469b2554bf1d1fdbdeaf62d9

Created September 22, 2016 13:18
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save johnrhampton/b69e115a469b2554bf1d1fdbdeaf62d9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save johnrhampton/b69e115a469b2554bf1d1fdbdeaf62d9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. johnrhampton created this gist Sep 22, 2016.
    27 changes: 27 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,27 @@
    import React from 'react';
    import classNames from 'classnames';

    export default ({loading}) => {

    let loading_class = classNames('dissolve-animation', {
    'hide': !loading.show
    });

    let message_class = classNames('loading-overlay-message', {
    'hide': !loading.message
    });

    return (
    <div className={loading_class}>
    <div className="page-loading">
    <div className={message_class}>
    {loading.message}
    </div>

    <div className="loading-overlay">
    <div className="mdl-spinner mdl-js-spinner is-active"></div>
    </div>
    </div>
    </div>
    );
    }