loading.jsx
No OneTemporary
Actions

Size

607 B

Referenced Files

None

Subscribers

None

loading.jsx
View Options

	import React from 'react';

	const Loading = function(props) {
	const delay = 65;
	const boxes_amnt = Math.floor(Math.random() * 4) + 4;
	const boxes = [];
	for (var i = 0; i < boxes_amnt; i++) {
	boxes.push(
	<div
	className={'loading-box ' + props.boxClass}
	style={{ animationDelay: delay * i + 'ms' }}
	/>
	);
	boxes.push(<div className="loading-shadow" />);
	}
	let loading = null;
	if (props.text) {
	loading = <div className="loading-text">{props.text}</div>;
	}
	return (
	<div className="loading-container">
	<div>{boxes}</div>
	{loading}
	</div>
	);
	};

	export default Loading;