From 0931e52df59f3b632b8f4c4ef5fe446e9c7e4b76 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Sat, 19 Oct 2024 07:36:20 +0100
Subject: [PATCH] fix score ui issue when on mobile and add swagger to the
 footer

---
 .gitea/kubernetes/backend/ingress.yaml                 |  2 --
 .../backend/strip-swagger-prefix-middleware.yaml       | 10 ----------
 projects/website/src/components/footer.tsx             |  7 ++++++-
 projects/website/src/components/score/score.tsx        |  3 +++
 4 files changed, 9 insertions(+), 13 deletions(-)
 delete mode 100644 .gitea/kubernetes/backend/strip-swagger-prefix-middleware.yaml

diff --git a/.gitea/kubernetes/backend/ingress.yaml b/.gitea/kubernetes/backend/ingress.yaml
index 823ad7d..46561b2 100644
--- a/.gitea/kubernetes/backend/ingress.yaml
+++ b/.gitea/kubernetes/backend/ingress.yaml
@@ -43,8 +43,6 @@ spec:
           namespace: traefik
         - name: compress
           namespace: traefik
-        - name: scoresaber-reloaded-backend-strip-swagger-prefix
-          namespace: public-services
       services:
         - name: scoresaber-reloaded-backend-service
           port: 8080
diff --git a/.gitea/kubernetes/backend/strip-swagger-prefix-middleware.yaml b/.gitea/kubernetes/backend/strip-swagger-prefix-middleware.yaml
deleted file mode 100644
index a6a54b1..0000000
--- a/.gitea/kubernetes/backend/strip-swagger-prefix-middleware.yaml
+++ /dev/null
@@ -1,10 +0,0 @@
----
-apiVersion: traefik.io/v1alpha1
-kind: Middleware
-metadata:
-  name: scoresaber-reloaded-backend-strip-swagger-prefix
-  namespace: public-services
-spec:
-  stripPrefix:
-    prefixes:
-      - "/swagger"
diff --git a/projects/website/src/components/footer.tsx b/projects/website/src/components/footer.tsx
index 3621d0d..798c485 100644
--- a/projects/website/src/components/footer.tsx
+++ b/projects/website/src/components/footer.tsx
@@ -32,6 +32,11 @@ const items: NavbarItem[] = [
     link: "https://status.fascinated.cc/status/scoresaber-reloaded",
     openInNewTab: true,
   },
+  {
+    name: "Swagger",
+    link: "/swagger",
+    openInNewTab: true,
+  },
 ];
 
 export default function Footer() {
@@ -44,7 +49,7 @@ export default function Footer() {
         <p className="hidden md:block">({buildTime})</p>
         <p className="none md:hidden">({buildTimeShort})</p>
       </div>
-      <div className="h-10 w-full flex flex-wrap items-center justify-center bg-secondary/95 divide-x divide-input">
+      <div className="w-full flex flex-wrap items-center justify-center bg-secondary/95 divide-x divide-input text-sm py-2">
         {items.map((item, index) => {
           return (
             <Link
diff --git a/projects/website/src/components/score/score.tsx b/projects/website/src/components/score/score.tsx
index 74d5bf9..f39cf87 100644
--- a/projects/website/src/components/score/score.tsx
+++ b/projects/website/src/components/score/score.tsx
@@ -13,6 +13,7 @@ import { scoresaberService } from "@ssr/common/service/impl/scoresaber";
 import ScoreSaberScore from "@ssr/common/score/impl/scoresaber-score";
 import ScoreSaberLeaderboard from "@ssr/common/leaderboard/impl/scoresaber-leaderboard";
 import { BeatSaverMap } from "@ssr/common/model/beatsaver/beatsaver-map";
+import { useIsMobile } from "@/hooks/use-is-mobile";
 
 type Props = {
   /**
@@ -44,6 +45,7 @@ type Props = {
 };
 
 export default function Score({ player, leaderboard, beatSaverMap, score, settings }: Props) {
+  const isMobile = useIsMobile();
   const [baseScore, setBaseScore] = useState<number>(score.score);
   const [isLeaderboardExpanded, setIsLeaderboardExpanded] = useState(false);
 
@@ -82,6 +84,7 @@ export default function Score({ player, leaderboard, beatSaverMap, score, settin
             leaderboard={leaderboard}
             beatSaverMap={beatSaverMap}
             score={score}
+            alwaysSingleLine={isMobile}
             setIsLeaderboardExpanded={setIsLeaderboardExpanded}
             updateScore={score => {
               setBaseScore(score.score);