From b7783f5a4d345edbb2cdb6a9ca1df217a36b94f3 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Sun, 13 Oct 2024 00:37:16 +0100
Subject: [PATCH] fix mapper link for song to

---
 projects/website/src/components/fallback-link.tsx   | 10 ++++++++--
 .../website/src/components/score/score-info.tsx     | 13 ++++++++-----
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/projects/website/src/components/fallback-link.tsx b/projects/website/src/components/fallback-link.tsx
index ce910f1..419423b 100644
--- a/projects/website/src/components/fallback-link.tsx
+++ b/projects/website/src/components/fallback-link.tsx
@@ -1,4 +1,5 @@
 import NextLink from "next/link";
+import { clsx } from "clsx";
 
 type Props = {
   /**
@@ -6,15 +7,20 @@ type Props = {
    */
   href?: string;
 
+  /**
+   * The class name to apply to the link.
+   */
+  className?: string;
+
   /**
    * The children to render.
    */
   children: React.ReactNode;
 };
 
-export default function FallbackLink({ href, children }: Props) {
+export default function FallbackLink({ href, children, className }: Props) {
   return href ? (
-    <NextLink href={href} target="_blank" className="w-fit">
+    <NextLink href={href} target="_blank" className={clsx("w-fit", className)}>
       {children}
     </NextLink>
   ) : (
diff --git a/projects/website/src/components/score/score-info.tsx b/projects/website/src/components/score/score-info.tsx
index 8fc3c3d..b9284d5 100644
--- a/projects/website/src/components/score/score-info.tsx
+++ b/projects/website/src/components/score/score-info.tsx
@@ -70,12 +70,15 @@ export default function ScoreSongInfo({ leaderboard, beatSaverMap }: Props) {
           >
             {leaderboard.songName} {leaderboard.songSubName}
           </Link>
-          <p className="text-sm text-gray-400">{leaderboard.songAuthorName}</p>
-          <FallbackLink href={mappersProfile}>
-            <p className={clsx("text-sm", mappersProfile && "hover:brightness-75 transform-gpu transition-all w-fit")}>
+          <div className="flex flex-col text-sm">
+            <p className="text-gray-400">{leaderboard.songAuthorName}</p>
+            <FallbackLink
+              href={mappersProfile}
+              className={mappersProfile && "hover:brightness-75 transform-gpu transition-all w-fit"}
+            >
               {leaderboard.levelAuthorName}
-            </p>
-          </FallbackLink>
+            </FallbackLink>
+          </div>
         </div>
       </div>
     </div>