From 4eb96da1f11d54c4f1107a14e1d453645be628af Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Sat, 19 Oct 2024 07:52:19 +0100
Subject: [PATCH] add more info to offline network check

---
 .gitea/workflows/deploy-backend.yml                  |  1 -
 .../src/components/loaders/fullscreen-loader.tsx     |  5 +++--
 projects/website/src/components/offline-network.tsx  | 12 ++++++++++--
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/.gitea/workflows/deploy-backend.yml b/.gitea/workflows/deploy-backend.yml
index ac7c123..005cd67 100644
--- a/.gitea/workflows/deploy-backend.yml
+++ b/.gitea/workflows/deploy-backend.yml
@@ -59,7 +59,6 @@ jobs:
             .gitea/kubernetes/backend/deployment.yaml
             .gitea/kubernetes/backend/service.yaml
             .gitea/kubernetes/backend/strip-api-prefix-middleware.yaml
-            .gitea/kubernetes/backend/strip-swagger-prefix-middleware.yaml
             .gitea/kubernetes/backend/ingress.yaml
           images: |
             git.fascinated.cc/fascinated/scoresaber-reloaded-backend:${{ github.sha }}
diff --git a/projects/website/src/components/loaders/fullscreen-loader.tsx b/projects/website/src/components/loaders/fullscreen-loader.tsx
index 3de0366..8b915b4 100644
--- a/projects/website/src/components/loaders/fullscreen-loader.tsx
+++ b/projects/website/src/components/loaders/fullscreen-loader.tsx
@@ -1,7 +1,8 @@
+import { ReactNode } from "react";
 import ScoreSaberLogo from "../logos/scoresaber-logo";
 
 type Props = {
-  reason: string;
+  reason: string | ReactNode;
 };
 
 export default function FullscreenLoader({ reason }: Props) {
@@ -9,7 +10,7 @@ export default function FullscreenLoader({ reason }: Props) {
     <div className="absolute w-screen h-screen bg-background brightness-75 flex flex-col gap-6 items-center justify-center">
       <div className="flex flex-col items-center justify-center">
         <p className="text-white text-xl font-bold">ScoreSaber Reloaded</p>
-        <p className="text-gray-300 text-md">{reason}</p>
+        <p className="text-gray-300 text-md text-center">{reason}</p>
       </div>
       <div className="animate-spin">
         <ScoreSaberLogo />
diff --git a/projects/website/src/components/offline-network.tsx b/projects/website/src/components/offline-network.tsx
index d8cbf95..5c7d25a 100644
--- a/projects/website/src/components/offline-network.tsx
+++ b/projects/website/src/components/offline-network.tsx
@@ -2,16 +2,24 @@
 
 import FullscreenLoader from "@/components/loaders/fullscreen-loader";
 import { useNetworkState } from "@uidotdev/usehooks";
+import { ReactNode } from "react";
 
 type Props = {
-  children: React.ReactNode;
+  children: ReactNode;
 };
 
 export default function OfflineNetwork({ children }: Props) {
   const network = useNetworkState();
 
   return !network.online ? (
-    <FullscreenLoader reason="Your device is offline. Check your internet connection." />
+    <FullscreenLoader
+      reason={
+        <>
+          <p>Your device is offline. Check your internet connection.</p>
+          <p>Connection Type: {network.type}</p>
+        </>
+      }
+    />
   ) : (
     children
   );