16 lines
477 B
TypeScript
16 lines
477 B
TypeScript
|
import vectorIconThrobber from '../../vectors/throbber.svg'
|
||
|
|
import './styles/HeaderLoading.css'
|
||
|
|
|
||
|
|
interface PropsForHeaderLoading {
|
||
|
|
reason: string | undefined
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function HeaderLoading({ reason }: PropsForHeaderLoading) {
|
||
|
|
return (
|
||
|
|
<div className="header-loading animation-fade-in">
|
||
|
|
<img className="icon" src={vectorIconThrobber} />
|
||
|
|
<span className="hint">{(reason ?? 'Loading').toUpperCase()}</span>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|