add more stats
All checks were successful
deploy / deploy (push) Successful in 53s

This commit is contained in:
Lee 2023-10-27 11:17:06 +01:00
parent 3806a04e77
commit 6f9869b1b1

@ -109,6 +109,7 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
} }
const isOwnProfile = settingsStore.player?.id == playerId; const isOwnProfile = settingsStore.player?.id == playerId;
const scoreStats = playerData.scoreStats;
return ( return (
<Card className="mt-2"> <Card className="mt-2">
@ -202,22 +203,30 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
<Label <Label
title="Total play count" title="Total play count"
className="bg-blue-500" className="bg-blue-500"
hoverValue="Total ranked song play count" hoverValue={`Total ranked song play count | Total plays: ${formatNumber(
value={formatNumber(playerData.scoreStats.totalPlayCount)} scoreStats.totalPlayCount,
)} | Ranked plays: ${formatNumber(scoreStats.rankedPlayCount)}`}
value={formatNumber(scoreStats.totalPlayCount)}
/> />
<Label <Label
title="Total score" title="Total score"
className="bg-blue-500" className="bg-blue-500"
hoverValue="Total score of all your plays" hoverValue={`Total score of all your plays | Unranked score: ${formatNumber(
value={formatNumber(playerData.scoreStats.totalScore)} scoreStats.totalScore,
)} | Ranked score: ${formatNumber(scoreStats.totalRankedScore)} `}
value={formatNumber(scoreStats.totalScore)}
/> />
<Label <Label
title="Avg ranked acc" title="Avg ranked acc"
className="bg-blue-500" className="bg-blue-500"
hoverValue="Average accuracy of all your ranked plays" hoverValue="Average accuracy of all your ranked plays"
value={`${playerData.scoreStats.averageRankedAccuracy.toFixed( value={`${scoreStats.averageRankedAccuracy.toFixed(2)}%`}
2, />
)}%`} <Label
title="Total replays watched"
className="bg-blue-500"
hoverValue="The total amount of times your replays have been watched"
value={formatNumber(scoreStats.replaysWatched)}
/> />
{hasLocalScores && ( {hasLocalScores && (