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 = { /**