From 2fbf2d6434c6774bf7b40c1d69f4cc63a1ff8828 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 24 Dec 2023 15:28:30 +0800
Subject: [PATCH] docs: add discord invite link

---
 website/src/components/JoinCommunity.less |  6 ++++-
 website/src/components/JoinCommunity.tsx  | 32 ++++++++++++++++-------
 website/src/utils/consts.ts               |  2 ++
 3 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/website/src/components/JoinCommunity.less b/website/src/components/JoinCommunity.less
index 0b1fafc7c36..520b7f6ff7b 100644
--- a/website/src/components/JoinCommunity.less
+++ b/website/src/components/JoinCommunity.less
@@ -11,7 +11,11 @@
     color: var(--ifm-color-emphasis-600);
   }
 
+  div + div {
+    margin-top: 1rem;
+  }
+
   .producthunt {
-    margin: 2rem 0;
+    margin: 1rem 0;
   }
 }
diff --git a/website/src/components/JoinCommunity.tsx b/website/src/components/JoinCommunity.tsx
index 6ee33fa83e3..656aed71fde 100644
--- a/website/src/components/JoinCommunity.tsx
+++ b/website/src/components/JoinCommunity.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { inviteLink } from '../utils/consts';
+import { discordLink, inviteLink } from '../utils/consts';
 import Link from '@docusaurus/Link';
 import Translate from '@docusaurus/Translate';
 import './JoinCommunity.less';
@@ -16,14 +16,28 @@ export const JoinCommunity: React.FC = React.memo(() => {
           product support, and more.
         </Translate>
       </p>
-      <Link
-        className="button button--primary button--lg"
-        href={inviteLink}
-        data-umami-event="joingroup"
-        data-tianji-event="joingroup"
-      >
-        <Translate>Join Our Group</Translate>
-      </Link>
+
+      <div>
+        <Link
+          className="button button--primary button--lg"
+          href={inviteLink}
+          data-umami-event="joingroup"
+          data-tianji-event="joingroup"
+        >
+          <Translate>Join Tailchat Group</Translate>
+        </Link>
+      </div>
+
+      <div>
+        <Link
+          className="button button--primary button--lg"
+          href={discordLink}
+          data-umami-event="joindiscord"
+          data-tianji-event="joindiscord"
+        >
+          <Translate>Join Discord</Translate>
+        </Link>
+      </div>
 
       <div className="producthunt">
         <a
diff --git a/website/src/utils/consts.ts b/website/src/utils/consts.ts
index f5f914eda3f..9418ae04265 100644
--- a/website/src/utils/consts.ts
+++ b/website/src/utils/consts.ts
@@ -2,4 +2,6 @@ export const nightlyUrl = 'https://nightly.paw.msgbyte.com/';
 
 export const inviteLink = 'https://nightly.paw.msgbyte.com/invite/8Jfm1dWb';
 
+export const discordLink = 'https://discord.gg/JmQBGvSEbA';
+
 export const releaseNoteUrl = '/blog/tags/release-note';