2020-10-12 11:52:49 +00:00
|
|
|
import React from "react";
|
|
|
|
import ContentLoader from "react-content-loader";
|
2021-02-25 14:20:11 +00:00
|
|
|
import { LoaderStyle } from "../../constants";
|
2020-10-12 11:52:49 +00:00
|
|
|
|
|
|
|
const SettingsFilesLoader = () => (
|
|
|
|
<div style={{ width: "100%", height: "100%" }}>
|
|
|
|
<ContentLoader
|
|
|
|
speed={2}
|
|
|
|
width={"100%"}
|
|
|
|
height={235}
|
2020-11-09 19:56:21 +00:00
|
|
|
backgroundColor={LoaderStyle.backgroundColor}
|
|
|
|
foregroundColor={LoaderStyle.foregroundColor}
|
|
|
|
backgroundOpacity={LoaderStyle.backgroundOpacity}
|
|
|
|
foregroundOpacity={LoaderStyle.foregroundOpacity}
|
2020-10-12 11:52:49 +00:00
|
|
|
>
|
|
|
|
<rect x="0" y="5" rx="6" ry="6" width="24" height="14" />
|
2021-01-18 09:01:36 +00:00
|
|
|
<rect x="33" y="5" rx="3" ry="3" width="100%" height="14" />
|
2020-10-12 11:52:49 +00:00
|
|
|
|
|
|
|
<rect x="0" y="39" rx="6" ry="6" width="24" height="14" />
|
2021-01-18 09:01:36 +00:00
|
|
|
<rect x="33" y="39" rx="3" ry="3" width="100%" height="14" />
|
2020-10-12 11:52:49 +00:00
|
|
|
|
|
|
|
<rect x="0" y="73" rx="6" ry="6" width="24" height="14" />
|
2021-01-18 09:01:36 +00:00
|
|
|
<rect x="33" y="73" rx="3" ry="3" width="100%" height="14" />
|
2020-10-12 11:52:49 +00:00
|
|
|
|
|
|
|
<rect x="0" y="107" rx="6" ry="6" width="24" height="14" />
|
2021-01-18 09:01:36 +00:00
|
|
|
<rect x="33" y="107" rx="3" ry="3" width="100%" height="14" />
|
2020-10-12 11:52:49 +00:00
|
|
|
|
|
|
|
<rect x="0" y="141" rx="6" ry="6" width="24" height="14" />
|
2021-01-18 09:01:36 +00:00
|
|
|
<rect x="33" y="141" rx="3" ry="3" width="100%" height="14" />
|
2020-10-12 11:52:49 +00:00
|
|
|
</ContentLoader>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
|
|
|
|
export default SettingsFilesLoader;
|