Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | 4x 3x 3x 4x | import React, { Fragment } from "react"; import { ScrollSyncPane } from "react-scroll-sync"; import { PulseLoader } from "react-spinners"; import { heightNumberPropType, widthNumberPropType, columnSizeMultiplierPropType } from "../proptypes"; const Loader = props => { const { height, width, columnSizeMultiplier, totalWidthNumber } = props; return ( <Fragment> <div id="loader" style={{ height: height - 15, width: width - 15 }}> <PulseLoader sizeUnit="px" size={15} color="#3f51b5" loading /> </div> <ScrollSyncPane> <div style={{ overflowX: columnSizeMultiplier === 1 ? "scroll" : "hidden", overflowY: "hidden", height: "15px", width: width - 15 }} > <div style={{ width: totalWidthNumber }} > . </div> </div> </ScrollSyncPane> </Fragment> ); }; Loader.propTypes = { height: heightNumberPropType.isRequired, width: widthNumberPropType.isRequired, totalWidthNumber: widthNumberPropType, columnSizeMultiplier: columnSizeMultiplierPropType }; export default Loader; |