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

feat: stats changes

Browse Source
This commit is contained in:
dvelo 2025-02-16 14:16:31 -06:00
parent 4082529280
commit e12f9f28b1
1 changed files with 45 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,7 +6,7 @@ import {
TooltipTrigger, TooltipTrigger,
} from "@/components/ui/tooltip"; } from "@/components/ui/tooltip";
import type { OnlineServer } from "@/lib/types/mh-server"; import type { OnlineServer } from "@/lib/types/mh-server";
import { ChartArea, InfoIcon } from "lucide-react"; import { ChartArea, HardDriveUpload, InfoIcon, Users } from "lucide-react";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { motion, AnimatePresence } from "framer-motion"; import { motion, AnimatePresence } from "framer-motion";
import IconDisplay from "../icons/minecraft-icon-display"; import IconDisplay from "../icons/minecraft-icon-display";
@ -50,8 +50,9 @@ export function Statistics({
return ( return (
<div className="grid grid-cols-3 gap-2"> <div className="grid grid-cols-3 gap-2">
<Material className="gap-2"> <Material className="gap-3">
<strong className="flex items-center gap-1"> <strong className="justify-between flex items-center">
<span className="flex items-center gap-1">
Total Players Total Players
<Tooltip> <Tooltip>
<TooltipTrigger> <TooltipTrigger>
@ -65,6 +66,8 @@ export function Statistics({
100 entries of players. 100 entries of players.
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</span>
<Users size={16} className="text-muted-foreground" />
</strong> </strong>
<span className="text-lg flex items-center gap-1"> <span className="text-lg flex items-center gap-1">
<span <span
@ -93,21 +96,31 @@ export function Statistics({
{averagesLoading && <FormSpinner />} {averagesLoading && <FormSpinner />}
</span> </span>
</Material> </Material>
<Material className="gap-2"> <Material className="gap-3">
<strong className="flex items-center gap-1"> <strong className="justify-between flex items-center">
<span className="flex items-center gap-1">
Total Servers Total Servers
<Tooltip> <Tooltip>
<TooltipTrigger> <TooltipTrigger>
<InfoIcon size={14} /> <InfoIcon size={14} />
</TooltipTrigger> </TooltipTrigger>
<TooltipContent> <TooltipContent className="max-w-[390px] break-words">
<p>
For servers, the first number represents the current amount of For servers, the first number represents the current amount of
<br /> servers, while the second one represents the average of the
servers, while the second one represents the average of the last last 100 entries of servers.
<br /> </p>
100 entries of servers. <p className="mt-1">
Minehut automatically puts new servers in a queue once the
total amount of servers is near or at 3.5k for efficiency
reasons. This usually happens during high demand times, most
likely during the American summer, in the afternoon.
</p>
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</span>
<HardDriveUpload size={16} className="text-muted-foreground" />
</strong> </strong>
<span className="text-lg flex items-center gap-1"> <span className="text-lg flex items-center gap-1">
<span <span
@ -136,7 +149,7 @@ export function Statistics({
{averagesLoading && <FormSpinner />} {averagesLoading && <FormSpinner />}
</span> </span>
</Material> </Material>
<Material className="gap-2"> <Material className="gap-3">
<strong className="justify-between flex items-center"> <strong className="justify-between flex items-center">
Top Server <ChartArea size={16} className="text-muted-foreground" /> Top Server <ChartArea size={16} className="text-muted-foreground" />
</strong>{" "} </strong>{" "}