Add experiment for loading pages

1 files changed, 9 insertions, 2 deletions

diff --git a/src/pages/FormPage.tsx b/src/pages/FormPage.tsx
index 45c093a..90474f4 100644
--- a/src/pages/FormPage.tsx
+++ b/src/pages/FormPage.tsx
@@ -2,7 +2,7 @@
 import { jsx } from "@emotion/core";
 import { Link } from "react-router-dom";
 
-import { DotLoader } from "react-spinners";
+import { DotLoader, HashLoader, RotateLoader } from "react-spinners";
 
 import { useParams } from "react-router";
 import HeaderBar from "../components/HeaderBar";
@@ -13,11 +13,18 @@ interface PathParams {
     id: string
 }
 
+const loaders: Record<string, any> = {
+    "dot": DotLoader,
+    "hash": HashLoader,
+    "rotate": RotateLoader
+}
+
 function Loading() {
+    let Loader = loaders[localStorage.loader ? localStorage.loader : "dot"];
     return <div>
         <HeaderBar title={"Loading..."}/>
         <div css={{display: "flex", justifyContent: "center"}}>
-            <DotLoader color="white"/>
+            <Loader color="white"/>
         </div>
     </div>
 }