From 6896db0d89703377340325d527a7003826aa53e8 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Thu, 18 Apr 2024 02:40:58 +0100
Subject: [PATCH] update stat icons

---
 src/app/components/icon/person-icon.tsx      | 12 ++++++++++++
 src/app/components/icon/trending-up-icon.tsx | 12 ++++++++++++
 src/app/components/stats.tsx                 |  6 ++++--
 3 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 src/app/components/icon/person-icon.tsx
 create mode 100644 src/app/components/icon/trending-up-icon.tsx

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 (
+    <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>
+  );
+}
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 (
+    <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>
+  );
+}
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: <StorageIcon />,
+    icon: <TrendingUpIcon />,
   },
   {
     id: "totalPlayerLookups",
     displayName: "Player Lookups",
     tooltip: "The total amount of player lookups",
-    icon: <StorageIcon />,
+    icon: <PersonIcon />,
   },
   {
     id: "totalServerLookups",