mirror of
https://github.com/bellingcat/ukraine-timemap.git
synced 2026-06-12 05:18:34 +03:00
restructure overlay
This commit is contained in:
21
src/components/Overlay/Loading.js
Normal file
21
src/components/Overlay/Loading.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