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 | 3x 7x 7x 7x 7x 3x | import React from 'react' import PropTypes from 'prop-types' import Loading from 'react-loading' import '../style.css' function Loader(props) { const { text, type, size } = props; const viewSize = size ? size : 64; const usingType = type ? type : 'bubbles'; const loader = ( <div className="loading"> <span className="loader-text">{text ? text : 'Загрузка...'}</span> <Loading type={usingType} color="#888888" width={viewSize} height={viewSize} /> </div>) return <div>{loader}</div> } Loader.propTypes = { text: PropTypes.string, type: PropTypes.string, size: PropTypes.number }; export default Loader |