aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorGravatar ks129 <[email protected]>2020-12-16 12:48:44 +0200
committerGravatar GitHub <[email protected]>2020-12-16 12:48:44 +0200
commite9e71d2ac20be4f570cff0171617a3552a6f3933 (patch)
treef979ea7e4db6c0817b4702f8916881887abf4977
parentMerge pull request #35 from python-discord/renovate/font-awesome (diff)
parentUpdate Loading component (diff)
Merge pull request #41 from python-discord/Switch-suspense-loader-to-RingLoader
Switch out the HashLoader
-rw-r--r--src/App.tsx4
-rw-r--r--src/components/Loading.tsx4
2 files changed, 4 insertions, 4 deletions
diff --git a/src/App.tsx b/src/App.tsx
index a1c628e..2a8fd31 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,7 +9,7 @@ import {
Switch
} from "react-router-dom";
-import { HashLoader } from "react-spinners";
+import { RingLoader } from "react-spinners";
import { CSSTransition, TransitionGroup } from "react-transition-group";
@@ -31,7 +31,7 @@ function PageLoading() {
justify-content: center;
margin-top: 50px;
`}>
- <HashLoader color="white" size={100}/>
+ <RingLoader color="white" size={100}/>
</div>
}
diff --git a/src/components/Loading.tsx b/src/components/Loading.tsx
index 2758225..5083214 100644
--- a/src/components/Loading.tsx
+++ b/src/components/Loading.tsx
@@ -1,7 +1,7 @@
/** @jsx jsx */
import { jsx } from "@emotion/react";
-import { HashLoader } from "react-spinners";
+import { RingLoader } from "react-spinners";
import HeaderBar from "../components/HeaderBar";
@@ -9,7 +9,7 @@ function Loading() {
return <div>
<HeaderBar title={"Loading..."}/>
<div css={{display: "flex", justifyContent: "center"}}>
- <HashLoader color="white"/>
+ <RingLoader color="white"/>
</div>
</div>
}