mirror of
https://github.com/bellingcat/ukraine-timemap.git
synced 2026-06-13 05:48:36 +03:00
Some further cleanup of presentational stuff
This commit is contained in:
21
src/components/presentational/LoadingOverlay.js
Normal file
21
src/components/presentational/LoadingOverlay.js
Normal file
@@ -0,0 +1,21 @@
|
||||
import React from 'react';
|
||||
import copy from '../../js/data/copy.json';
|
||||
|
||||
const LoadingOverlay = ({ isLoading, language }) => {
|
||||
let classes = 'loading-overlay';
|
||||
classes += (!isLoading) ? ' hidden' : '';
|
||||
|
||||
return (
|
||||
<div id="loading-overlay" className={classes}>
|
||||
<div className="loading-wrapper">
|
||||
<span id="loading-text" className="text">{copy[language].loading}</span>
|
||||
<div className="spinner">
|
||||
<div className="double-bounce1" />
|
||||
<div className="double-bounce2" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default LoadingOverlay;
|
||||
Reference in New Issue
Block a user