diff --git a/src/app/CommandResponsesChart.tsx b/src/app/CommandResponsesChart.tsx
index 8e70d12..69aa3da 100644
--- a/src/app/CommandResponsesChart.tsx
+++ b/src/app/CommandResponsesChart.tsx
@@ -13,7 +13,7 @@ const CommandResponsesChart = ({
return (
{`Commands Responded To (Past 30 Days)`}
diff --git a/src/app/LinksDeletedChart.tsx b/src/app/LinksDeletedChart.tsx
index 3fbd5a6..26da334 100644
--- a/src/app/LinksDeletedChart.tsx
+++ b/src/app/LinksDeletedChart.tsx
@@ -12,7 +12,7 @@ const LinksDeletedChart = ({
}: LinksDeletedChartProps): JSX.Element => {
return (
- {`Links Deleted (Past 30 Days)`}
+ {`Links Deleted (Past 30 Days)`}
);
diff --git a/src/app/StatsList.tsx b/src/app/StatsList.tsx
index f806f03..8b0d5ae 100644
--- a/src/app/StatsList.tsx
+++ b/src/app/StatsList.tsx
@@ -1,5 +1,5 @@
-import { Fragment, JSX } from "react";
-import { Heading, Flex } from "@chakra-ui/react";
+import { JSX } from "react";
+import { Heading, Flex, VStack } from "@chakra-ui/react";
import { CombinedError } from "urql";
import SingleStatComponent from "@/components/stats/SingleStat";
@@ -23,8 +23,8 @@ const StatsList = ({
triggers
}: StatsListProps): JSX.Element => {
return (
-
-
+
+
{title}
@@ -55,7 +55,7 @@ const StatsList = ({
stat={triggers}
/>
-
+
);
};
diff --git a/src/app/TimesTriggeredChart.tsx b/src/app/TimesTriggeredChart.tsx
index 659e605..3b3c0b1 100644
--- a/src/app/TimesTriggeredChart.tsx
+++ b/src/app/TimesTriggeredChart.tsx
@@ -13,7 +13,7 @@ const TimedTriggeredChart = ({
return (
{`Times Bot Was Triggered (Past 30 Days)`}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8ae96ba..b0c0c72 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,17 @@
/* eslint-disable react-hooks/set-state-in-effect */
"use client";
-import { useEffect, useState } from "react";
-import { Heading, Skeleton, VStack } from "@chakra-ui/react";
+import { Fragment, useEffect, useState } from "react";
+import {
+ Box,
+ Button,
+ Heading,
+ Icon,
+ Link,
+ Skeleton,
+ Text,
+ VStack
+} from "@chakra-ui/react";
import { useQuery } from "@urql/next";
import lineChartArr from "@/lib/lineChartArray";
import LinksDeletedChart from "./LinksDeletedChart";
@@ -14,6 +23,7 @@ import StatsList from "./StatsList";
import GetTotalGroupsQuery from "@/graphql/queries/getTotalGroups";
import GetTotalStatsQuery from "@/graphql/queries/getTotalStats";
import GetTodaysStatsQuery from "@/graphql/queries/getTodaysStats";
+import Image from "next/image";
export default function Home() {
// * Total Groups * //
@@ -85,36 +95,119 @@ export default function Home() {
]);
return (
-
-
-
-
- {`30 Day Stats`}
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+ {"Nazi Site Patrol Stats"}
+
+
+ {
+ "A telegram bot that removes links and embeds to sites that align with the Fascist Right political agenda."
+ }
+
+
+
+
+
+
+
+ {
+ "The bot requires no configuration. All it needs is admin privileges to delete messages in your group."
+ }
+
+
+
+
+
+
+
+
+ {`30 Day Stats`}
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+ {"Down with fascism! Fuck MAGA! Fuck Trump! Fuck Nazis!"}
+
+
+ {
+ "Trans rights are human rights! Trans women are women! Trans men are men! Never let them take away your happiness!"
+ }
+
+
+
+
+
+
);
}
diff --git a/src/components/charts/LineChart.tsx b/src/components/charts/LineChart.tsx
index f948ad4..4cabc1e 100644
--- a/src/components/charts/LineChart.tsx
+++ b/src/components/charts/LineChart.tsx
@@ -21,25 +21,26 @@ const LineChartComponent = ({
}: LineChartComponentProps): JSX.Element => {
const chart = useChart({
data: [...data],
- series: [{ name: label, color: "blue.700" }]
+ series: [{ name: label, color: "teal.500" }]
});
return (
-
+
{
return (
- {title}
+ {title}
{(error || stat === undefined) && !loading ? (