diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 573b7f7..aa097db 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -66,7 +66,7 @@ export default function RootLayout({
-
+
diff --git a/src/components/score/score-info.tsx b/src/components/score/score-info.tsx
index d461ccd..d5a01ce 100644
--- a/src/components/score/score-info.tsx
+++ b/src/components/score/score-info.tsx
@@ -1,5 +1,5 @@
-import ScoreSaberLeaderboardToken from "@/common/model/token/scoresaber/score-saber-leaderboard-token";
import BeatSaverMap from "@/common/database/types/beatsaver-map";
+import ScoreSaberLeaderboardToken from "@/common/model/token/scoresaber/score-saber-leaderboard-token";
import { getDifficultyFromScoreSaberDifficulty } from "@/common/scoresaber-utils";
import { songDifficultyToColor } from "@/common/song-utils";
import FallbackLink from "@/components/fallback-link";
@@ -14,13 +14,9 @@ type Props = {
};
export default function ScoreSongInfo({ leaderboard, beatSaverMap }: Props) {
- const diff = getDifficultyFromScoreSaberDifficulty(
- leaderboard.difficulty.difficulty,
- );
+ const diff = getDifficultyFromScoreSaberDifficulty(leaderboard.difficulty.difficulty);
const mappersProfile =
- beatSaverMap != undefined
- ? `https://beatsaver.com/profile/${beatSaverMap?.fullData.uploader.id}`
- : undefined;
+ beatSaverMap != undefined ? `https://beatsaver.com/profile/${beatSaverMap?.fullData.uploader.id}` : undefined;
return (
@@ -72,13 +68,7 @@ export default function ScoreSongInfo({ leaderboard, beatSaverMap }: Props) {
{leaderboard.songAuthorName}
-
+
{leaderboard.levelAuthorName}
diff --git a/src/components/score/score-rank-info.tsx b/src/components/score/score-rank-info.tsx
index 8a309a1..b0bd6cb 100644
--- a/src/components/score/score-rank-info.tsx
+++ b/src/components/score/score-rank-info.tsx
@@ -1,7 +1,9 @@
import ScoreSaberScoreToken from "@/common/model/token/scoresaber/score-saber-score-token";
import { formatNumberWithCommas } from "@/common/number-utils";
import { timeAgo } from "@/common/time-utils";
+import { format } from "@formkit/tempo";
import { GlobeAmericasIcon } from "@heroicons/react/24/solid";
+import Tooltip from "../tooltip";
type Props = {
score: ScoreSaberScoreToken;
@@ -14,7 +16,18 @@ export default function ScoreRankInfo({ score }: Props) {
#{formatNumberWithCommas(score.rank)}
- {timeAgo(new Date(score.timeSet))}
+
+ {format({
+ date: new Date(score.timeSet),
+ format: "DD MMMM YYYY HH:mm a",
+ })}
+
+ }
+ >
+ {timeAgo(new Date(score.timeSet))}
+
);
}
diff --git a/src/components/tooltip.tsx b/src/components/tooltip.tsx
index a14a4dd..00913a5 100644
--- a/src/components/tooltip.tsx
+++ b/src/components/tooltip.tsx
@@ -1,8 +1,4 @@
-import {
- Tooltip as ShadCnTooltip,
- TooltipContent,
- TooltipTrigger,
-} from "./ui/tooltip";
+import { Tooltip as ShadCnTooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
type Props = {
/**