Added link to our Discord server in the account menu

opsmill · Oct 15, 2024 · ffdbd50 · ffdbd50
1 parent bbc7d6f
commit ffdbd50
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 11 deletions.
diff --git a/changelog/+discord-link.added.md b/changelog/+discord-link.added.md
@@ -0,0 +1 @@
+Added link to our Discord server in the account menu
diff --git a/frontend/app/src/components/account-menu.tsx b/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,33 +46,40 @@ 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" />
         Infrahub documentation
       </Link>
     </DropdownMenuItem>
-
     <DropdownMenuItem asChild>
       <Link to={constructPath("/graphql")} className="text-base">
         <Icon icon="mdi:graphql" className="text-base" />
         GraphQL Sandbox
       </Link>
     </DropdownMenuItem>
-
     <DropdownMenuItem asChild>
       <Link to={INFRAHUB_SWAGGER_DOC_URL} target="_blank" rel="noreferrer">
         <Icon icon="mdi:code-json" className="text-base" />
         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>
   </>
 );
 

diff --git a/frontend/app/src/config/config.ts b/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