From 0ae77ecbf76151f111c3a6b8026978ffcdf90272 Mon Sep 17 00:00:00 2001
From: Liam <67254223+RealFascinated@users.noreply.github.com>
Date: Wed, 19 Oct 2022 18:10:58 +0100
Subject: [PATCH] Maybe hopefully fixed infinite loading??

---
 pages/_app.js  | 9 ++++++---
 pages/index.js | 7 +++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/pages/_app.js b/pages/_app.js
index fb2695a..2f5adf8 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,4 +1,4 @@
-import { createTheme, NextUIProvider } from "@nextui-org/react";
+import { createTheme, Image, NextUIProvider } from "@nextui-org/react";
 import { NextSeo } from "next-seo";
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 import Head from "next/head";
@@ -61,10 +61,13 @@ function MyApp({ Component, pageProps }) {
 					/>
 
 					<noscript>
-						<img src="https://analytics.fascinated.cc/ingress/4bc413fa-a126-4860-9a6a-22d10d5cf2fb/pixel.gif" />
+						<Image
+							alt="For page analytics"
+							src="https://analytics.fascinated.cc/ingress/4bc413fa-a126-4860-9a6a-22d10d5cf2fb/pixel.gif"
+						/>
 					</noscript>
 					<script
-						defer
+						defer={true}
 						src="https://analytics.fascinated.cc/ingress/4bc413fa-a126-4860-9a6a-22d10d5cf2fb/script.js"
 					></script>
 				</Head>
diff --git a/pages/index.js b/pages/index.js
index 781cf3e..8ab1869 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -8,6 +8,7 @@ import {
 	Modal,
 	Radio,
 	Spacer,
+	Spinner,
 	Switch,
 	Text,
 } from "@nextui-org/react";
@@ -64,7 +65,7 @@ export default class Home extends Component {
 			let values = {};
 			Object.entries(json.values).forEach((value) => {
 				if (value[0] !== undefined) {
-          values[value[0]] = value[1];
+					values[value[0]] = value[1];
 				}
 			});
 
@@ -142,7 +143,9 @@ export default class Home extends Component {
 
 	render() {
 		return this.state.loading ? (
-			<h1>Loading...</h1>
+			<div className={styles.loading}>
+				<Spinner size={"xl"}></Spinner>
+			</div>
 		) : (
 			<div className={styles.main}>
 				<NavBar avatarUrl={this.state.avatarUrl}></NavBar>