⭐ Add discord link

sqzxcv · Apr 10, 2023 · 719d90d · 719d90d
1 parent 4602952
commit 719d90d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/components/Drawer.tsx b/src/components/Drawer.tsx
@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import {
   FaBars,
   FaCog,
+  FaDiscord,
   FaGithub,
   FaQuestionCircle,
   FaRobot,
@@ -89,6 +90,13 @@ const Drawer = ({
             onClick={showHelp}
           />
           <DrawerItem icon={<FaCog />} text="Settings" onClick={showSettings} />
+          <DrawerItem
+            icon={<FaDiscord />}
+            text="Discord"
+            onClick={() =>
+              window.open("https://discord.gg/jdSBAnmdnY", "_blank")
+            }
+          />
           <DrawerItem
             icon={<FaTwitter />}
             text="Twitter"

diff --git a/src/components/HelpDialog.tsx b/src/components/HelpDialog.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { FaGithub, FaTwitter } from "react-icons/fa";
+import { FaDiscord, FaGithub, FaTwitter } from "react-icons/fa";
 import Dialog from "./Dialog";
 
 export default function HelpDialog({
@@ -30,6 +30,14 @@ export default function HelpDialog({
           <p className="mt-2">Follow the journey below:</p>
         </div>
         <div className="mt-4 flex w-full items-center justify-center gap-5">
+          <div
+            className="cursor-pointer rounded-full bg-black/30 p-3 hover:bg-black/70"
+            onClick={() =>
+              window.open("https://discord.gg/jdSBAnmdnY", "_blank")
+            }
+          >
+            <FaDiscord size={30} />
+          </div>
           <div
             className="cursor-pointer rounded-full bg-black/30 p-3 hover:bg-black/70"
             onClick={() =>