Added link to our Discord server in the account menu (#4634)

Author: bilalabbad

changelog/+discord-link.added.md

@@ -0,0 +1 @@
+Added link to our Discord server in the account menu

frontend/app/src/components/account-menu.tsx

@@ -9,7 +9,12 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { INFRAHUB_DOC_LOCAL, INFRAHUB_GITHUB_URL, INFRAHUB_SWAGGER_DOC_URL } from "@/config/config";
+import {
+  INFRAHUB_DISCORD_URL,
+  INFRAHUB_DOC_LOCAL,
+  INFRAHUB_GITHUB_URL,
+  INFRAHUB_SWAGGER_DOC_URL,
+} from "@/config/config";
 import { ACCOUNT_GENERIC_OBJECT } from "@/config/constants";
 import { getProfileDetails } from "@/graphql/queries/accounts/getProfileDetails";
 import { useAuth } from "@/hooks/useAuth";
@@ -41,13 +46,6 @@ export const AccountMenu = () => {
 
 const CommonMenuItems = () => (
   <>
-    <DropdownMenuItem asChild>
-      <Link to={INFRAHUB_GITHUB_URL} target="_blank" rel="noreferrer">
-        <Icon icon="mdi:github" className="text-base" />
-        GitHub Repository
-      </Link>
-    </DropdownMenuItem>
-
     <DropdownMenuItem asChild>
       <Link to={INFRAHUB_DOC_LOCAL} target="_blank" rel="noreferrer">
         <Icon icon="mdi:file-document" className="text-base" />
@@ -68,6 +66,22 @@ const CommonMenuItems = () => (
         Swagger documentation
       </Link>
     </DropdownMenuItem>
+
+    <DropdownMenuDivider />
+
+    <DropdownMenuItem asChild>
+      <Link to={INFRAHUB_GITHUB_URL} target="_blank" rel="noreferrer">
+        <Icon icon="mdi:github" className="text-base" />
+        GitHub Repository
+      </Link>
+    </DropdownMenuItem>
+
+    <DropdownMenuItem asChild>
+      <Link to={INFRAHUB_DISCORD_URL} target="_blank" rel="noreferrer">
+        <Icon icon="mdi:discord" className="text-base" />
+        Join our Discord server
+      </Link>
+    </DropdownMenuItem>
   </>
 );
 

frontend/app/src/config/config.ts

@@ -1,5 +1,5 @@
 export const INFRAHUB_GITHUB_URL = "https://github.com/opsmill/infrahub";
-
+export const INFRAHUB_DISCORD_URL = "https://discord.gg/opsmill";
 export const INFRAHUB_DOC_URL = "https://docs.infrahub.app";
 
 export const INFRAHUB_API_SERVER_URL = import.meta.env.DEV