trc-client-core/src/components/Loader.jsx

The core of the TRC Client

var React = require('react');

var Loader = React.createClass({
    displayName: 'Loader',
    mixins: [
        require('bd-stampy/mixins/ClassMixin')
    ],
    render: function() {
        var classes = this.createClassName('Loader');  
        switch (this.props.type) {
            default: 
                return <svg {...this.props} className={classes.className} viewBox="0 0 64 64" width="64" height="64" fill="currentcolor">
                  <path d="M 29.37614947563012 0 L 34.623850524369885 0 L 36.47542153191581 7.403849851823065 A 25 25 0 0 1 40.4222463348055 8.46139837042448 L 45.727678790162564 2.9752618167130236 L 50.272321209837436 5.599112341082906 L 48.17390381337144 12.9368199023403 A 25 25 0 0 1 51.0631800976597 15.826096186628565 L 58.4008876589171 13.727678790162562 L 61.024738183286985 18.27232120983744 L 55.538601629575524 23.5777536651945 A 25 25 0 0 1 56.59615014817693 27.524578468084183 L 64 29.37614947563012 L 64 34.623850524369885 L 56.59615014817693 36.47542153191581 A 25 25 0 0 1 55.538601629575524 40.4222463348055 L 61.024738183286985 45.727678790162564 L 58.4008876589171 50.272321209837436 L 51.0631800976597 48.17390381337144 A 25 25 0 0 1 48.17390381337144 51.063180097659696 L 50.272321209837436 58.40088765891709 L 45.727678790162564 61.02473818328698 L 40.4222463348055 55.538601629575524 A 25 25 0 0 1 36.47542153191581 56.59615014817693 L 34.623850524369885 64 L 29.37614947563012 64 L 27.52457846808418 56.59615014817693 A 25 25 0 0 1 23.5777536651945 55.538601629575524 L 18.272321209837447 61.024738183286985 L 13.72767879016257 58.4008876589171 L 15.826096186628568 51.0631800976597 A 25 25 0 0 1 12.9368199023403 48.17390381337144 L 5.599112341082902 50.272321209837436 L 2.9752618167130205 45.727678790162564 L 8.461398370424483 40.42224633480551 A 25 25 0 0 1 7.403849851823061 36.47542153191581 L 0 34.62385052436989 L 0 29.376149475630125 L 7.403849851823065 27.524578468084183 A 25 25 0 0 1 8.46139837042448 23.5777536651945 L 2.9752618167130236 18.272321209837436 L 5.599112341082906 13.727678790162559 L 12.936819902340297 15.826096186628568 A 25 25 0 0 1 15.826096186628561 12.9368199023403 L 13.727678790162548 5.599112341082915 L 18.272321209837422 2.97526181671303 L 23.5777536651945 8.46139837042448 A 25 25 0 0 1 27.524578468084165 7.403849851823068 M 32 15 A 17 17 0 0 0 32 49 A 17 17 0 0 0 32 15"></path>
                </svg>;
                // return <div {...this.props} className={classes.className}>{this.props.children}</div>;
        }
    }
});

module.exports = Loader;