MinecraftUtilities/Frontend
1
1
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

update stat icons
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 58s
Details

Browse Source
This commit is contained in:
Lee 2024-04-18 02:40:58 +01:00
parent 9830a21476
commit 6896db0d89
3 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/components/icon/person-icon.tsx Normal file
View File

@ -0,0 +1,12 @@
import { IconProps } from "./icon-props";
export function PersonIcon({ size = 24, color = "#fff" }: IconProps): JSX.Element {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} fill={color} viewBox="0 -960 960 960">
<path
xmlns="http://www.w3.org/2000/svg"
d="M626-533q22.5 0 38.25-15.75T680-587q0-22.5-15.75-38.25T626-641q-22.5 0-38.25 15.75T572-587q0 22.5 15.75 38.25T626-533Zm-292 0q22.5 0 38.25-15.75T388-587q0-22.5-15.75-38.25T334-641q-22.5 0-38.25 15.75T280-587q0 22.5 15.75 38.25T334-533Zm146 272q66 0 121.5-35.5T682-393h-52q-23 40-63 61.5T480.5-310q-46.5 0-87-21T331-393h-53q26 61 81 96.5T480-261Zm0 181q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 340q142.375 0 241.188-98.812Q820-337.625 820-480t-98.812-241.188Q622.375-820 480-820t-241.188 98.812Q140-622.375 140-480t98.812 241.188Q337.625-140 480-140Z"
/>
</svg>
);
}

12
src/app/components/icon/trending-up-icon.tsx Normal file
View File

@ -0,0 +1,12 @@
import { IconProps } from "./icon-props";
export function TrendingUpIcon({ size = 24, color = "#fff" }: IconProps): JSX.Element {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} fill={color} viewBox="0 -960 960 960">
<path
xmlns="http://www.w3.org/2000/svg"
d="m123-240-43-43 292-291 167 167 241-241H653v-60h227v227h-59v-123L538-321 371-488 123-240Z"
/>
</svg>
);
}

6
src/app/components/stats.tsx
View File

@ -4,6 +4,8 @@ import { StorageIcon } from "@/app/components/icon/storage-icon";
import { Stat } from "@/app/components/stat";
import { ReactElement } from "react";
import useWebSocket from "react-use-websocket";
import { PersonIcon } from "./icon/person-icon";
import { TrendingUpIcon } from "./icon/trending-up-icon";
import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
type Stat = {
@ -18,13 +20,13 @@ const stats: Stat[] = [
id: "totalRequests",
displayName: "Total Requests",
tooltip: "The total amount of requests to the API",
icon: <StorageIcon />,
icon: <TrendingUpIcon />,
},
{
id: "totalPlayerLookups",
displayName: "Player Lookups",
tooltip: "The total amount of player lookups",
icon: <StorageIcon />,
icon: <PersonIcon />,
},
{
id: "totalServerLookups",