diff --git a/src/app/components/icon/person-icon.tsx b/src/app/components/icon/person-icon.tsx new file mode 100644 index 0000000..bbf5537 --- /dev/null +++ b/src/app/components/icon/person-icon.tsx @@ -0,0 +1,12 @@ +import { IconProps } from "./icon-props"; + +export function PersonIcon({ size = 24, color = "#fff" }: IconProps): JSX.Element { + return ( + + + + ); +} diff --git a/src/app/components/icon/trending-up-icon.tsx b/src/app/components/icon/trending-up-icon.tsx new file mode 100644 index 0000000..e29f862 --- /dev/null +++ b/src/app/components/icon/trending-up-icon.tsx @@ -0,0 +1,12 @@ +import { IconProps } from "./icon-props"; + +export function TrendingUpIcon({ size = 24, color = "#fff" }: IconProps): JSX.Element { + return ( + + + + ); +} diff --git a/src/app/components/stats.tsx b/src/app/components/stats.tsx index fc8cb84..e3c6c2d 100644 --- a/src/app/components/stats.tsx +++ b/src/app/components/stats.tsx @@ -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: , + icon: , }, { id: "totalPlayerLookups", displayName: "Player Lookups", tooltip: "The total amount of player lookups", - icon: , + icon: , }, { id: "totalServerLookups",