From 08abbb8dba15ca6476e8c73facee030dd67a314f Mon Sep 17 00:00:00 2001
From: crazywoola <100913391+crazywoola@users.noreply.github.com>
Date: Thu, 28 Dec 2023 18:14:16 +0800
Subject: [PATCH] Feat/add community link to dropdown (#1851)

---
 web/README.md                                        | 2 +-
 web/app/components/header/account-dropdown/index.tsx | 9 +++++++++
 web/i18n/lang/common.en.ts                           | 1 +
 web/i18n/lang/common.zh.ts                           | 1 +
 4 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/web/README.md b/web/README.md
index 8888917968b554..41dfab7344205e 100644
--- a/web/README.md
+++ b/web/README.md
@@ -68,4 +68,4 @@ If your IDE is VSCode, rename `web/.vscode/settings.example.json` to `web/.vscod
 Visit https://docs.dify.ai/getting-started/readme to view the full documentation.
 
 ## Community
-The Dify community can be found on [Discord community](https://discord.com/invite/FngNHpbcY7), where you can ask questions, voice ideas, and share your projects.
+The Dify community can be found on [Discord community](https://discord.gg/5AEfbxcd9k), where you can ask questions, voice ideas, and share your projects.
diff --git a/web/app/components/header/account-dropdown/index.tsx b/web/app/components/header/account-dropdown/index.tsx
index 74e07b7e7b5c64..d62af1ec48c934 100644
--- a/web/app/components/header/account-dropdown/index.tsx
+++ b/web/app/components/header/account-dropdown/index.tsx
@@ -109,6 +109,15 @@ export default function AppSelector({ isMobile }: IAppSelecotr) {
                         <ArrowUpRight className='hidden w-[14px] h-[14px] text-gray-500 group-hover:flex' />
                       </Link>
                     </Menu.Item>
+                    <Menu.Item>
+                      <Link
+                        className={classNames(itemClassName, 'group justify-between')}
+                        href='https://discord.gg/5AEfbxcd9k'
+                        target='_blank'>
+                        <div>{t('common.userProfile.community')}</div>
+                        <ArrowUpRight className='hidden w-[14px] h-[14px] text-gray-500 group-hover:flex' />
+                      </Link>
+                    </Menu.Item>
                     <Menu.Item>
                       <Link
                         className={classNames(itemClassName, 'group justify-between')}
diff --git a/web/i18n/lang/common.en.ts b/web/i18n/lang/common.en.ts
index de9cc2a9e28d6b..00877d7fa3d94e 100644
--- a/web/i18n/lang/common.en.ts
+++ b/web/i18n/lang/common.en.ts
@@ -99,6 +99,7 @@ const translation = {
     createWorkspace: 'Create Workspace',
     helpCenter: 'Help',
     roadmapAndFeedback: 'Roadmap & Feedback',
+    community: 'Community',
     about: 'About',
     logout: 'Log out',
   },
diff --git a/web/i18n/lang/common.zh.ts b/web/i18n/lang/common.zh.ts
index c013aa910f30b5..f8d4c9d16499e0 100644
--- a/web/i18n/lang/common.zh.ts
+++ b/web/i18n/lang/common.zh.ts
@@ -99,6 +99,7 @@ const translation = {
     createWorkspace: '创建工作空间',
     helpCenter: '帮助文档',
     roadmapAndFeedback: '产品路线图 & 用户反馈',
+    community: '社区',
     about: '关于',
     logout: '登出',
   },