From 4c0775b0003bdb3529a0da61021be8e1b91d5ad3 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Fri, 24 Nov 2023 20:50:51 +0000
Subject: [PATCH] fix(ssr): still show the youtube button even if the beatsaver
 map doesn't exist anymore

---
 src/components/player/score/MapButtons.tsx | 93 +++++++++++-----------
 1 file changed, 47 insertions(+), 46 deletions(-)

diff --git a/src/components/player/score/MapButtons.tsx b/src/components/player/score/MapButtons.tsx
index ec5c6c0..ee5dded 100644
--- a/src/components/player/score/MapButtons.tsx
+++ b/src/components/player/score/MapButtons.tsx
@@ -30,6 +30,9 @@ export default function MapButtons({ leaderboard }: MapButtonsProps) {
       return;
     }
     const json = await beatSaberMap.json();
+    if (json.maps[hash] !== null || json.maps[hash] !== undefined) {
+      return;
+    }
     setMapId(json.maps[hash].id);
   }, [hash]);
 
@@ -40,55 +43,53 @@ export default function MapButtons({ leaderboard }: MapButtonsProps) {
   return (
     <div className="hidden flex-col items-center justify-between gap-1 p-1 md:flex md:items-start md:justify-end">
       {mapId && (
-        <>
-          <div className="flex gap-1">
-            <Tooltip>
-              <TooltipTrigger>
-                <Link
-                  href={`https://beatsaver.com/maps/${mapId}`}
-                  target="_blank"
+        <div className="flex gap-1">
+          <Tooltip>
+            <TooltipTrigger>
+              <Link
+                href={`https://beatsaver.com/maps/${mapId}`}
+                target="_blank"
+              >
+                <Button
+                  className="h-[30px] w-[30px] bg-neutral-700 p-1"
+                  variant={"secondary"}
                 >
-                  <Button
-                    className="h-[30px] w-[30px] bg-neutral-700 p-1"
-                    variant={"secondary"}
-                  >
-                    <BeatSaverLogo size={20} />
-                  </Button>
-                </Link>
-              </TooltipTrigger>
-              <TooltipContent>
-                <p>Click to open the map page</p>
-              </TooltipContent>
-            </Tooltip>
+                  <BeatSaverLogo size={20} />
+                </Button>
+              </Link>
+            </TooltipTrigger>
+            <TooltipContent>
+              <p>Click to open the map page</p>
+            </TooltipContent>
+          </Tooltip>
 
-            <CopyBsrButton mapId={mapId} />
-          </div>
-          <div className="flex gap-1">
-            <Tooltip>
-              <TooltipTrigger>
-                <Link
-                  href={`${songNameToYouTubeLink(
-                    leaderboard.songName,
-                    leaderboard.songSubName,
-                    leaderboard.songAuthorName,
-                  )}`}
-                  target="_blank"
-                >
-                  <Button
-                    className="h-[30px] w-[30px] bg-neutral-700 p-1"
-                    variant={"secondary"}
-                  >
-                    <YouTubeLogo size={20} />
-                  </Button>
-                </Link>
-              </TooltipTrigger>
-              <TooltipContent>
-                <p>Click to view the song on YouTube</p>
-              </TooltipContent>
-            </Tooltip>
-          </div>
-        </>
+          <CopyBsrButton mapId={mapId} />
+        </div>
       )}
+      <div className="flex gap-1">
+        <Tooltip>
+          <TooltipTrigger>
+            <Link
+              href={`${songNameToYouTubeLink(
+                leaderboard.songName,
+                leaderboard.songSubName,
+                leaderboard.songAuthorName,
+              )}`}
+              target="_blank"
+            >
+              <Button
+                className="h-[30px] w-[30px] bg-neutral-700 p-1"
+                variant={"secondary"}
+              >
+                <YouTubeLogo size={20} />
+              </Button>
+            </Link>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>Click to view the song on YouTube</p>
+          </TooltipContent>
+        </Tooltip>
+      </div>
     </div>
   );
 }