oops

projects/backend/src/service/score.service.ts

@@ -708,6 +708,7 @@ export class ScoreService {
       pp: previousScore.pp,
       weight: previousScore.weight,
       maxCombo: previousScore.maxCombo,
+      timestamp: previousScore.timestamp,
       change: {
         score: score.score - previousScore.score,
         accuracy: score.accuracy - previousScore.accuracy,

projects/common/src/model/score/previous-score.ts

@@ -35,4 +35,9 @@ export type PreviousScore = {
    * The full combo of the previous score.
    */
   fullCombo?: boolean;
+
+  /**
+   * When the previous score was set.
+   */
+  timestamp: Date;
 };

projects/website/src/components/score/score-rank-info.tsx

@@ -5,6 +5,7 @@ import { getPageFromRank } from "@ssr/common/utils/utils";
 import { ScoreSaberScore } from "@ssr/common/model/score/impl/scoresaber-score";
 import ScoreSaberLeaderboard from "@ssr/common/model/leaderboard/impl/scoresaber-leaderboard";
 import { ScoreTimeSet } from "@/components/score/score-time-set";
+import { timeAgo } from "@ssr/common/utils/time-utils";
 
 type Props = {
   score: ScoreSaberScore;
@@ -23,6 +24,12 @@ export default function ScoreRankInfo({ score, leaderboard }: Props) {
         </Link>
       </div>
       <ScoreTimeSet score={score} />
+      {score.previousScore?.timestamp && (
+        <div className="text-xs text-gray-400 flex flex-row gap-2 items-center">
+          <p>vs</p>
+          <p>{timeAgo(new Date(score.previousScore.timestamp))}</p>
+        </div>
+      )}
     </div>
   );
 }

projects/website/src/components/score/score.tsx

@@ -124,8 +124,8 @@ export default function Score({ leaderboard, beatSaverMap, score, settings, high
     : "grid-cols-[20px 1fr_1fr] lg:grid-cols-[0.5fr_4fr_1fr_350px]"; // Original with buttons
 
   return (
-    <div className="pb-2 pt-2 w-full h-full">
-      <div className={`grid w-full h-full gap-2 lg:gap-0 ${gridColsClass}`}>
+    <div className="pb-2 pt-2">
+      <div className={`grid w-full gap-2 lg:gap-0 ${gridColsClass}`}>
         <ScoreRankInfo score={score} leaderboard={leaderboard} />
         <ScoreSongInfo leaderboard={leaderboard} beatSaverMap={beatSaverMap} />
         {!settings?.noScoreButtons && (