diff --git a/src/common/Loader/index.js b/src/common/Loader/index.js index 832fbc442..0a44f31c5 100644 --- a/src/common/Loader/index.js +++ b/src/common/Loader/index.js @@ -1,3 +1,3 @@ -import Loader from './Loader'; +const Loader = require('./Loader'); -export default Loader; \ No newline at end of file +module.exports = Loader; diff --git a/src/routes/Player/BufferingLoader/BufferingLoader.js b/src/routes/Player/BufferingLoader/BufferingLoader.js index 539131609..19ecc3152 100644 --- a/src/routes/Player/BufferingLoader/BufferingLoader.js +++ b/src/routes/Player/BufferingLoader/BufferingLoader.js @@ -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 (
-
+
); } diff --git a/src/routes/Player/BufferingLoader/styles.less b/src/routes/Player/BufferingLoader/styles.less index 8b4f4ff36..b35f175f9 100644 --- a/src/routes/Player/BufferingLoader/styles.less +++ b/src/routes/Player/BufferingLoader/styles.less @@ -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; } } \ No newline at end of file