diff --git a/src/app/CommandsListTable.tsx b/src/app/CommandsListTable.tsx
new file mode 100644
index 0000000..99263a1
--- /dev/null
+++ b/src/app/CommandsListTable.tsx
@@ -0,0 +1,57 @@
+import { JSX } from "react";
+import { Checkmark, Heading, Table, VStack } from "@chakra-ui/react";
+import botCommands from "@/data/botCommands";
+
+const CommandsListTable = (): JSX.Element => {
+ return (
+
+
+ {"Bot Commands"}
+
+
+
+ {"The bot will only respond to admins and moderators within groups."}
+
+
+
+ {"Command"}
+ {"Description"}
+ {"Private"}
+ {"Group"}
+
+
+
+ {botCommands.map((commandObj, index) => {
+ const { command, description, groups } = commandObj;
+ return (
+
+ {command}
+ {description.replaceAll("\\", "")}
+
+ {groups ? (
+
+ ) : (
+
+ )}
+
+
+ {commandObj.private ? (
+
+ ) : (
+
+ )}
+
+
+ );
+ })}
+
+
+
+ );
+};
+
+export default CommandsListTable;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f136f90..be1251c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -23,6 +23,7 @@ import GetTotalGroupsQuery from "@/graphql/queries/getTotalGroups";
import GetTotalStatsQuery from "@/graphql/queries/getTotalStats";
import GetTodaysStatsQuery from "@/graphql/queries/getTodaysStats";
import GetStatsRange from "@/graphql/queries/getStatsRange";
+import CommandsListTable from "./CommandsListTable";
export default function Home() {
// * Total Groups * //
@@ -152,6 +153,7 @@ export default function Home() {
+
{totalGroups ? (
- {"Down with fascism! Fuck MAGA! Fuck Trump! Fuck Nazis!"}
+ {
+ "Down with fascism! Fuck MAGA! Fuck Trump! Fuck Nazis! Abolish ICE!"
+ }