31 lines
922 B
JavaScript
31 lines
922 B
JavaScript
|
import React from 'react'
|
||
|
|
import xDaiLogo from './xdai.svg'
|
||
|
|
import poaLogo from './core.svg'
|
||
|
|
import sokolLogo from './sokol.svg'
|
||
|
|
|
||
|
|
const getLogoSrc = networkBranch => {
|
||
|
|
return (
|
||
|
|
{
|
||
|
|
core: poaLogo,
|
||
|
|
sokol: sokolLogo,
|
||
|
|
dai: xDaiLogo
|
||
|
|
}[networkBranch] || poaLogo
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export const Loading = ({ networkBranch }) => {
|
||
|
|
return (
|
||
|
|
<div className={`ld-Loading ld-Loading-${networkBranch}`}>
|
||
|
|
<img className={`ld-Loading_Image ld-Loading_Image-${networkBranch}`} src={getLogoSrc(networkBranch)} alt="" />
|
||
|
|
<div className="ld-Loading_Animation">
|
||
|
|
<div className="ld-Loading_AnimationItem" />
|
||
|
|
<div className="ld-Loading_AnimationItem" />
|
||
|
|
<div className="ld-Loading_AnimationItem" />
|
||
|
|
<div className="ld-Loading_AnimationItem" />
|
||
|
|
<div className="ld-Loading_AnimationItem" />
|
||
|
|
<div className="ld-Loading_AnimationItem" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|