2018-12-17 13:17:01 -08:00
|
|
|
import React from 'react'
|
2020-04-14 01:37:42 -07:00
|
|
|
//import xDaiLogo from './xdai.svg'
|
2018-12-17 13:17:01 -08:00
|
|
|
import poaLogo from './core.svg'
|
|
|
|
import sokolLogo from './sokol.svg'
|
2019-04-26 00:02:48 -07:00
|
|
|
import kovanLogo from './kovan.svg'
|
2018-12-17 13:17:01 -08:00
|
|
|
|
|
|
|
const getLogoSrc = networkBranch => {
|
|
|
|
return (
|
|
|
|
{
|
|
|
|
core: poaLogo,
|
|
|
|
sokol: sokolLogo,
|
2020-04-14 01:37:42 -07:00
|
|
|
//dai: xDaiLogo,
|
2019-04-26 00:02:48 -07:00
|
|
|
kovan: kovanLogo
|
2018-12-17 13:17:01 -08:00
|
|
|
}[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>
|
|
|
|
)
|
|
|
|
}
|