From 28cadf07eee8868fd7fbccee215eaeb67341f483 Mon Sep 17 00:00:00 2001
From: Grant <grant@sc07.company>
Date: Mon, 3 Jun 2024 18:41:53 -0600
Subject: [PATCH] make the chat button actually work

---
 packages/client/dev.env.example                        |  8 ++++++++
 packages/client/src/components/Chat/OpenChatButton.tsx | 10 ++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 packages/client/dev.env.example

diff --git a/packages/client/dev.env.example b/packages/client/dev.env.example
new file mode 100644
index 0000000..1891c6b
--- /dev/null
+++ b/packages/client/dev.env.example
@@ -0,0 +1,8 @@
+# where the backend is located
+VITE_API_HOST=http://localhost:3000
+
+# what homeserver hosts the matrix users
+VITE_MATRIX_HOST=aftermath.gg
+
+# what hostname does the element instance run on
+VITE_ELEMENT_HOST=https://chat.fediverse.events
\ No newline at end of file
diff --git a/packages/client/src/components/Chat/OpenChatButton.tsx b/packages/client/src/components/Chat/OpenChatButton.tsx
index 0d41b76..18b21c0 100644
--- a/packages/client/src/components/Chat/OpenChatButton.tsx
+++ b/packages/client/src/components/Chat/OpenChatButton.tsx
@@ -1,4 +1,4 @@
-import { Badge, Button } from "@nextui-org/react";
+import { Badge, Button, Link } from "@nextui-org/react";
 import { useChatContext } from "../../contexts/ChatContext";
 
 const OpenChatButton = () => {
@@ -11,7 +11,13 @@ const OpenChatButton = () => {
       color="danger"
       size="sm"
     >
-      <Button>Chat</Button>
+      <Button
+        as={Link}
+        href={import.meta.env.VITE_ELEMENT_HOST!}
+        target="_blank"
+      >
+        Chat
+      </Button>
     </Badge>
   );
 };