From ee17142c7e4c4c1a334326b1f78a1ba0f97a8c85 Mon Sep 17 00:00:00 2001
From: Joe Banks <joseph@josephbanks.me>
Date: Sat, 2 Jan 2021 02:11:28 +0000
Subject: Implement new loader

---
 src/App.tsx                | 4 ++--
 src/components/Loading.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/App.tsx b/src/App.tsx
index 2a8fd31..b1b2184 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,7 +9,7 @@ import {
   Switch
 } from "react-router-dom";
 
-import { RingLoader } from "react-spinners";
+import { PropagateLoader } from "react-spinners";
 
 import { CSSTransition, TransitionGroup } from "react-transition-group";
 
@@ -31,7 +31,7 @@ function PageLoading() {
     justify-content: center;
     margin-top: 50px;
   `}>
-    <RingLoader color="white" size={100}/>
+    <PropagateLoader color="white" size={100}/>
   </div>
 }
 
diff --git a/src/components/Loading.tsx b/src/components/Loading.tsx
index 5083214..8454366 100644
--- a/src/components/Loading.tsx
+++ b/src/components/Loading.tsx
@@ -1,15 +1,15 @@
 /** @jsx jsx */
 import { jsx } from "@emotion/react";
 
-import { RingLoader } from "react-spinners";
+import { PropagateLoader } from "react-spinners";
 
 import HeaderBar from "../components/HeaderBar";
 
 function Loading() {
     return <div>
         <HeaderBar title={"Loading..."}/>
-        <div css={{display: "flex", justifyContent: "center"}}>
-            <RingLoader color="white"/>
+        <div css={{display: "flex", justifyContent: "center", paddingTop: "40px"}}>
+            <PropagateLoader color="white"/>
         </div>
     </div>
 }
-- 
cgit v1.2.3