Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 09:42:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Buffering loader use stremio loader

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-04-09 13:57:36 +03:00
parent 529f200472
commit 5f2a6f5162
3 changed files with 5 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/common/Loader/index.js
View file

@ -1,3 +1,3 @@
import Loader from './Loader';
const Loader = require('./Loader');
export default Loader;
module.exports = Loader;

4
src/routes/Player/BufferingLoader/BufferingLoader.js
View file

@ -1,6 +1,8 @@
const React = require('react');
const PropTypes = require('prop-types');
const classnames = require('classnames');
const { Loader } = require('stremio-common');
const colors = require('stremio-colors');
const styles = require('./styles');
class BufferingLoader extends React.PureComponent {
@ -11,7 +13,7 @@ class BufferingLoader extends React.PureComponent {
return (
<div className={classnames(this.props.className, styles['buffering-loader-container'])}>
<div className={styles['bufferring-loader']} />
<Loader className={styles['bufferring-loader']} fill={colors.surfacelighter80} />
</div>
);
}

16
src/routes/Player/BufferingLoader/styles.less
View file

@ -1,13 +1,3 @@
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.buffering-loader-container {
display: flex;
align-items: center;
@ -16,11 +6,5 @@
.bufferring-loader {
width: calc(var(--control-bar-button-size) * 3);
height: calc(var(--control-bar-button-size) * 3);
border-radius: 50%;
border-width: 1em;
border-style: solid;
border-color: #f3f3f3;
border-top-color: #3498db;
animation: spin 2s linear infinite;
}
}