Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-08-16 19:53:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

old Loader dropped

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-08-22 13:46:46 +03:00
parent 14de34d993
commit 72d133c785
3 changed files with 0 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
src/common/Loader/Loader.js
View file

@ -1,60 +0,0 @@
const React = require('react');
const PropTypes = require('prop-types');
const colors = require('stremio-colors');
// TODO: implement it with polygon and clip-path
const Loader = ({ fill = colors.surfacelighter80, children, ...props }) => (
<svg {...props} viewBox={'0 0 1024 1024'}>
<path d={'M512 0l-512 512 512 512 512-512zM411.106 752.941v-480.376l323.464 240.941z'} fill={fill} />
<path d={'M256,256 512,0 768,256 512,512Z'} fillOpacity={0.8}>
<animate
attributeType={'CSS'}
attributeName={'opacity'}
dur={'3s'}
values={'0.8;0.3;0.3;0.3;0.3;0.3'}
keyTimes={'0;0.2;0.4;0.6;0.8;1'}
calcMode={'discrete'}
repeatCount={'indefinite'}
/>
</path>
<path d={'M768,256 1024,512 768,768 512,512Z'} fillOpacity={0.8}>
<animate
attributeType={'CSS'}
attributeName={'opacity'}
dur={'3s'}
values={'0.8;0.8;0.3;0.3;0.3;0.3'}
keyTimes={'0;0.2;0.4;0.6;0.8;1'}
calcMode={'discrete'}
repeatCount={'indefinite'}
/>
</path>
<path d={'M768,768 512,1024 256,768 512,512Z'} fillOpacity={0.8}>
<animate
attributeType={'CSS'}
attributeName={'opacity'}
dur={'3s'}
values={'0.8;0.8;0.8;0.3;0.3;0.3'}
keyTimes={'0;0.2;0.4;0.6;0.8;1'}
calcMode={'discrete'}
repeatCount={'indefinite'}
/>
</path>
<path d={'M256,768 0,512 256,256 512,512Z'} fillOpacity={0.8}>
<animate
attributeType={'CSS'}
attributeName={'opacity'}
dur={'3s'}
values={'0.8;0.8;0.8;0.8;0.3;0.3'}
keyTimes={'0;0.2;0.4;0.6;0.8;1'}
calcMode={'discrete'}
repeatCount={'indefinite'}
/>
</path>
</svg>
);
Loader.propTypes = {
fill: PropTypes.string.isRequired
};
module.exports = Loader;

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

@ -1,3 +0,0 @@
const Loader = require('./Loader');
module.exports = Loader;

2
src/common/index.js
View file

@ -1,7 +1,6 @@
const Button = require('./Button');
const Checkbox = require('./Checkbox');
const ColorPicker = require('./ColorPicker');
const Loader = require('./Loader');
const MainNavBar = require('./MainNavBar');
const MetaItem = require('./MetaItem');
const MetaPreview = require('./MetaPreview');
@ -21,7 +20,6 @@ module.exports = {
Button,
Checkbox,
ColorPicker,
Loader,
MainNavBar,
MetaItem,
MetaPreview,