All files / src/Loader index.js

100% Statements 6/6
100% Branches 6/6
100% Functions 1/1
100% Lines 6/6

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 263x             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