From 9fa1b995cfdcae48d08183d2466d0f9d704f621b Mon Sep 17 00:00:00 2001
From: Tony Giorgio <tonygiorgio@protonmail.com>
Date: Mon, 24 Feb 2025 11:28:35 -0600
Subject: [PATCH] Discord link

---
 frontend/src/components/Footer.tsx            | 10 ++++++++++
 frontend/src/components/icons/DiscordIcon.tsx | 10 ++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 frontend/src/components/icons/DiscordIcon.tsx

diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index 573e90ec2..ad8c4b968 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -1,4 +1,5 @@
 import { Github, Twitter, Mail } from "lucide-react";
+import { DiscordIcon } from "./icons/DiscordIcon";
 
 export function Footer() {
   return (
@@ -52,6 +53,15 @@ export function Footer() {
         >
           <Github className="h-5 w-5" />
         </a>
+        <a
+          href="https://discord.gg/ch2gjZAMGy"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="hover:text-white/90"
+          aria-label="Discord"
+        >
+          <DiscordIcon className="h-5 w-5" />
+        </a>
         <a href="mailto:team@opensecret.cloud" className="hover:text-white/90" aria-label="Email">
           <Mail className="h-5 w-5" />
         </a>
diff --git a/frontend/src/components/icons/DiscordIcon.tsx b/frontend/src/components/icons/DiscordIcon.tsx
new file mode 100644
index 000000000..dde0ec94a
--- /dev/null
+++ b/frontend/src/components/icons/DiscordIcon.tsx
@@ -0,0 +1,10 @@
+export function DiscordIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" width="24" height="24" {...props}>
+      <path
+        fill="currentColor"
+        d="M20.317 4.492c-1.53-.69-3.17-1.2-4.885-1.49a.075.075 0 0 0-.079.036c-.21.369-.444.85-.608 1.23a18.566 18.566 0 0 0-5.487 0 12.36 12.36 0 0 0-.617-1.23A.077.077 0 0 0 8.562 3c-1.714.29-3.354.8-4.885 1.491a.07.07 0 0 0-.032.027C.533 9.093-.32 13.555.099 17.961a.08.08 0 0 0 .031.055 20.03 20.03 0 0 0 5.993 2.98.078.078 0 0 0 .084-.026 13.83 13.83 0 0 0 1.226-1.963.074.074 0 0 0-.041-.104 13.175 13.175 0 0 1-1.872-.878.075.075 0 0 1-.008-.125c.126-.093.252-.19.372-.287a.075.075 0 0 1 .078-.01c3.927 1.764 8.18 1.764 12.061 0a.075.075 0 0 1 .079.009c.12.098.245.195.372.288a.075.075 0 0 1-.006.125c-.598.344-1.22.635-1.873.877a.075.075 0 0 0-.041.105c.36.687.772 1.341 1.225 1.962a.077.077 0 0 0 .084.028 19.963 19.963 0 0 0 6.002-2.981.076.076 0 0 0 .032-.054c.5-5.094-.838-9.52-3.549-13.442a.06.06 0 0 0-.031-.028zM8.02 15.278c-1.182 0-2.157-1.069-2.157-2.38 0-1.312.956-2.38 2.157-2.38 1.21 0 2.176 1.077 2.157 2.38 0 1.312-.956 2.38-2.157 2.38zm7.975 0c-1.183 0-2.157-1.069-2.157-2.38 0-1.312.955-2.38 2.157-2.38 1.21 0 2.176 1.077 2.157 2.38 0 1.312-.946 2.38-2.157 2.38z"
+      />
+    </svg>
+  );
+}