From 8aa3be64c1723bb39a7c580472a3ec81f7956125 Mon Sep 17 00:00:00 2001
From: ks129 <45097959+ks129@users.noreply.github.com>
Date: Mon, 14 Dec 2020 10:50:08 +0200
Subject: Move loading to different component

---
 src/components/Loading.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/components/Loading.tsx

(limited to 'src/components/Loading.tsx')

diff --git a/src/components/Loading.tsx b/src/components/Loading.tsx
new file mode 100644
index 0000000..48dcdbc
--- /dev/null
+++ b/src/components/Loading.tsx
@@ -0,0 +1,17 @@
+/** @jsx jsx */
+import { jsx } from "@emotion/core";
+
+import { HashLoader } from "react-spinners";
+
+import HeaderBar from "../components/HeaderBar";
+
+function Loading() {
+    return <div>
+        <HeaderBar title={"Loading..."}/>
+        <div css={{display: "flex", justifyContent: "center"}}>
+            <HashLoader color="white"/>
+        </div>
+    </div>
+}
+
+export default Loading;
-- 
cgit v1.2.3

