src/components/loading.js
import React, {Component, PropTypes} from 'react'
import cx from 'classnames'
import './loading.scss'
const spinners = [
'../images/ion-loader-android.svg',
'../images/ion-loader-bubbles.svg',
'../images/ion-loader-circles.svg',
'../images/ion-loader-crescent.svg',
'../images/ion-loader-dots.svg',
'../images/ion-loader-ios.svg',
'../images/ion-loader-lines.svg',
'../images/ion-loader-ripple.svg',
'../images/ion-loader-spiral.svg',
]
export default class Loading extends Component {
static propTypes = {
children: PropTypes.any,
className: PropTypes.string,
}
render() {
return (
<figure className='loading…'>
<div className='loading-spinner'><div /></div>
{/*<div dangerouslySetInnerHTML={{__html: atob(require('../images/ion-loader-android.svg').substr('data:image/svg+xml;base64,'.length))}} />*/}
<figcaption className={cx('loading-message', this.props.className)}>
{this.props.children}
</figcaption>
</figure>
)
}
}