opensource/filestash
1
0
Fork 0
mirror of https://github.com/mickael-kerjean/filestash.git synced 2025-10-31 01:58:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

cleanup (structure): update code structure

Browse Source
This commit is contained in:
Mickael KERJEAN
2017-06-27 17:50:27 +10:00
parent 58de01a16c
commit 0b5137846c
49 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
client/utilities/loader.js Normal file
View File

@ -0,0 +1,19 @@
import React from 'react';
export const Loader = (props) => {
let style = props.style || {};
style.textAlign = 'center';
style.marginTop = '50px';
return (
<div style={style}>
<svg width="120px" height="120px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<rect x="0" y="0" width="100" height="100" fill="none"></rect>
<circle cx="50" cy="50" r="40" stroke="rgba(100%,100%,100%,0.679)" fill="none" strokeWidth="10" strokeLinecap="round"></circle>
<circle cx="50" cy="50" r="40" stroke="#6f6f6f" fill="none" strokeWidth="6" strokeLinecap="round">
<animate attributeName="stroke-dashoffset" dur="2s" repeatCount="indefinite" from="0" to="502"></animate>
<animate attributeName="stroke-dasharray" dur="2s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate>
</circle>
</svg>
</div>
);
}