Fascinated/scoresaber-pp-to-rank-overlay
1
0
Fork 0
Code Issues 1 Pull Requests 9 Actions Activity

fix calc message & format day count

Browse Source
This commit is contained in:
Lee 2023-11-22 15:30:09 +00:00
parent d6f4dd8c19
commit c64f38eec7
1 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/app/page.tsx
View File

@ -53,21 +53,31 @@ export default function Home() {
setInterval(updateRank, 1000 * 60 * 1); // update every minute setInterval(updateRank, 1000 * 60 * 1); // update every minute
}, [mounted, updateRank]); }, [mounted, updateRank]);
return ( /**
<main className="text-xl text-white"> * {!playerId && <p>Invalid player ID</p>}
{!playerId && <p>Invalid player ID</p>}
{!rank && <p>Invalid rank</p>} {!rank && <p>Invalid rank</p>}
{!ppDiff && <p>Calculating...</p>} {!ppDiff && <p>Calculating...</p>}
{ppDiff && ( */
<div className="flex gap-1 flex-col p-2"> if (!playerId || !rank || !ppDiff) {
return (
<main className="text-xl text-white">
<p>Calculating...</p>
</main>
);
}
return (
<main className="text-xl text-white">
<div className="flex gap-1 flex-col p-2">
<p>
{formatNumber(ppDiff, 2)}pp until rank {formatNumber(rank)}
</p>
{startedAt && (
<p> <p>
{formatNumber(ppDiff, 2)}pp until rank {formatNumber(rank)} Day {formatNumber(getDaysSince(new Date(Number(startedAt))) + 1)}
</p> </p>
{startedAt && ( )}
<p>Day {getDaysSince(new Date(Number(startedAt))) + 1}</p> </div>
)}
</div>
)}
</main> </main>
); );
} }