From e425b7bc6b91836c92a7753390e7fa9c946f8103 Mon Sep 17 00:00:00 2001
From: Lucid <werewolfkid@noreply.localhost>
Date: Sat, 29 Nov 2025 14:27:12 -0500
Subject: [PATCH] Updated charts component

---
 src/app/CommandResponsesChart.tsx | 24 ++++++++++++++++++++++++
 src/app/LinksDeletedChart.tsx     |  8 +++++++-
 src/app/TimesTriggeredChart.tsx   | 24 ++++++++++++++++++++++++
 3 files changed, 55 insertions(+), 1 deletion(-)
 create mode 100644 src/app/CommandResponsesChart.tsx
 create mode 100644 src/app/TimesTriggeredChart.tsx

diff --git a/src/app/CommandResponsesChart.tsx b/src/app/CommandResponsesChart.tsx
new file mode 100644
index 0000000..8e70d12
--- /dev/null
+++ b/src/app/CommandResponsesChart.tsx
@@ -0,0 +1,24 @@
+import { JSX } from "react";
+import { Heading, VStack } from "@chakra-ui/react";
+import LineChartComponent from "@/components/charts/LineChart";
+import { LineChartArr } from "@/types/LineChartStats";
+
+interface CommandResponsesChartProps {
+  lineChartData: LineChartArr;
+}
+
+const CommandResponsesChart = ({
+  lineChartData
+}: CommandResponsesChartProps): JSX.Element => {
+  return (
+    <VStack gap={4} w="100%">
+      <Heading
+        as="h2"
+        fontSize="2xl"
+      >{`Commands Responded To (Past 30 Days)`}</Heading>
+      <LineChartComponent data={lineChartData} label="Command Responses" />
+    </VStack>
+  );
+};
+
+export default CommandResponsesChart;
diff --git a/src/app/LinksDeletedChart.tsx b/src/app/LinksDeletedChart.tsx
index b48f7c6..3fbd5a6 100644
--- a/src/app/LinksDeletedChart.tsx
+++ b/src/app/LinksDeletedChart.tsx
@@ -1,4 +1,5 @@
 import { JSX } from "react";
+import { Heading, VStack } from "@chakra-ui/react";
 import LineChartComponent from "@/components/charts/LineChart";
 import { LineChartArr } from "@/types/LineChartStats";
 
@@ -9,7 +10,12 @@ interface LinksDeletedChartProps {
 const LinksDeletedChart = ({
   lineChartData
 }: LinksDeletedChartProps): JSX.Element => {
-  return <LineChartComponent data={lineChartData} label="Triggers" />;
+  return (
+    <VStack gap={4} w="100%">
+      <Heading as="h2" fontSize="2xl">{`Links Deleted (Past 30 Days)`}</Heading>
+      <LineChartComponent data={lineChartData} label="Links Deleted" />
+    </VStack>
+  );
 };
 
 export default LinksDeletedChart;
diff --git a/src/app/TimesTriggeredChart.tsx b/src/app/TimesTriggeredChart.tsx
new file mode 100644
index 0000000..659e605
--- /dev/null
+++ b/src/app/TimesTriggeredChart.tsx
@@ -0,0 +1,24 @@
+import { JSX } from "react";
+import LineChartComponent from "@/components/charts/LineChart";
+import { LineChartArr } from "@/types/LineChartStats";
+import { Heading, VStack } from "@chakra-ui/react";
+
+interface TimedTriggeredChartProps {
+  lineChartData: LineChartArr;
+}
+
+const TimedTriggeredChart = ({
+  lineChartData
+}: TimedTriggeredChartProps): JSX.Element => {
+  return (
+    <VStack gap={4} w="100%">
+      <Heading
+        as="h2"
+        fontSize="2xl"
+      >{`Times Bot Was Triggered (Past 30 Days)`}</Heading>
+      <LineChartComponent data={lineChartData} label="Times Triggered" />
+    </VStack>
+  );
+};
+
+export default TimedTriggeredChart;