diff --git a/public/assets/logos/beatsaver.png b/public/assets/logos/beatsaver.png new file mode 100644 index 0000000..0b48bdd Binary files /dev/null and b/public/assets/logos/beatsaver.png differ diff --git a/src/components/icons/BeatSaverLogo.tsx b/src/components/icons/BeatSaverLogo.tsx new file mode 100644 index 0000000..9de0812 --- /dev/null +++ b/src/components/icons/BeatSaverLogo.tsx @@ -0,0 +1,30 @@ +type BeatSaverLogoProps = { + size?: number; + className?: string; +}; + +export default function BeatSaverLogo({ + size = 32, + className, +}: BeatSaverLogoProps) { + return ( + + + + + + + + + ); +} diff --git a/src/components/player/Score.tsx b/src/components/player/Score.tsx index 3fe10d4..b10774a 100644 --- a/src/components/player/Score.tsx +++ b/src/components/player/Score.tsx @@ -31,7 +31,8 @@ export default function Score({ score, player, leaderboard }: ScoreProps) { const diffColor = songDifficultyToColor(diffName); return ( -
+ //
+
@@ -56,32 +57,40 @@ export default function Score({ score, player, leaderboard }: ScoreProps) { loading="lazy" />
-

- {leaderboard.ranked ? ( -

- - {leaderboard.stars.toFixed(2)} -
- ) : ( - diffName - )} -

+ {leaderboard.ranked ? ( +
+ + {leaderboard.stars.toFixed(2)} +
+ ) : ( +

{diffName}

+ )}
{/* Song Info */}
-

{leaderboard.songName}

+

{leaderboard.songName}

{leaderboard.songAuthorName}{" "} {leaderboard.levelAuthorName}

+ + {/* Score Buttons */} + {/*
+ +
*/} +
{/* Score rank */}