feat: green/red associated with averages

This commit is contained in:
dvelo 2025-02-16 10:10:11 -06:00
parent c16341a9d6
commit 335ac6d31c

@ -66,7 +66,17 @@ export function Statistics({
</Tooltip> </Tooltip>
</strong> </strong>
<span className="text-lg flex items-center gap-1"> <span className="text-lg flex items-center gap-1">
<span
className={
!averagesLoading && !error
? (averages?.totalPlayerAverage as number) > totalPlayers
? "text-red-400"
: "text-green-400"
: ""
}
>
{totalPlayers} {totalPlayers}
</span>
<AnimatePresence> <AnimatePresence>
{!averagesLoading && !error && ( {!averagesLoading && !error && (
<motion.span <motion.span
@ -99,7 +109,17 @@ export function Statistics({
</Tooltip> </Tooltip>
</strong> </strong>
<span className="text-lg flex items-center gap-1"> <span className="text-lg flex items-center gap-1">
<span
className={
!averagesLoading && !error
? (averages?.totalServerAverage as number) > totalServers
? "text-red-400"
: "text-green-400"
: ""
}
>
{totalServers} {totalServers}
</span>
<AnimatePresence> <AnimatePresence>
{!averagesLoading && !error && ( {!averagesLoading && !error && (
<motion.span <motion.span