mirror of
https://github.com/bellingcat/ukraine-timemap.git
synced 2026-06-12 21:38:35 +03:00
Cleaning technical debt (#192)
* abstract Space component to switch out Map * basic viewing possible * restructure components dir * all jsx --> js * App.jsx --> App.js * comment out 3d for now
This commit is contained in:
23
src/components/atoms/Loading.js
Normal file
23
src/components/atoms/Loading.js
Normal file
@@ -0,0 +1,23 @@
|
||||
import React from "react";
|
||||
import copy from "../../common/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