rc-1

frontend/source/components/layout/HeaderLoading.tsx

@@ -0,0 +1,15 @@
+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>
+    )
+}