dvelo/mhsf-dev
1
0
Fork 0
mirror of https://github.com/DeveloLongScript/MHSF.git synced 2026-05-07 15:05:02 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: green/red associated with averages

Browse Source
This commit is contained in:
dvelo 2025-02-16 10:10:11 -06:00
parent c16341a9d6
commit 335ac6d31c
1 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
apps/www/src/components/feat/server-list/statistics.tsx
View File

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