dvelo/mhsf-dev
1
0
Fork 0
mirror of https://github.com/DeveloLongScript/MHSF.git synced 2026-05-07 18:34:59 -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> </Tooltip>
</strong> </strong>
<span className="text-lg flex items-center gap-1"> <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> <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">
{totalServers} <span
className={
!averagesLoading && !error
? (averages?.totalServerAverage as number) > totalServers
? "text-red-400"
: "text-green-400"
: ""
}
>
{totalServers}
</span>
<AnimatePresence> <AnimatePresence>
{!averagesLoading && !error && ( {!averagesLoading && !error && (
<motion.span <motion.span
@ -117,7 +137,7 @@ export function Statistics({
</Material> </Material>
<Material className="gap-2"> <Material className="gap-2">
<strong>Top Server</strong> <br /> <strong>Top Server</strong> <br />
<span className="text-lg">{topServer.name}</span> <span className="text-lg"> {topServer.name}</span>
</Material> </Material>
</div> </div>
); );