From 1fa3f7484ab316fcf73045d342ee3db92c2bbd4d Mon Sep 17 00:00:00 2001
From: Michael Sukkarieh <michael.sukkarieh@mail.mcgill.ca>
Date: Mon, 28 Oct 2024 11:06:51 -0600
Subject: [PATCH] Add discord button to nav bar and version in settings drop
 down (#47)

* add discord button to nav menu

* add version to settings drop down

* nit: prepend version text with "version"

* revert settings json change
---
 packages/web/src/app/navigationMenu.tsx   | 12 +++++++++++-
 packages/web/src/app/settingsDropdown.tsx |  5 +++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/app/navigationMenu.tsx b/packages/web/src/app/navigationMenu.tsx
index 14c17ed5..0beb2d8d 100644
--- a/packages/web/src/app/navigationMenu.tsx
+++ b/packages/web/src/app/navigationMenu.tsx
@@ -3,7 +3,7 @@
 import { Button } from "@/components/ui/button";
 import { NavigationMenu as NavigationMenuBase, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, navigationMenuTriggerStyle } from "@/components/ui/navigation-menu";
 import Link from "next/link";
-import { GitHubLogoIcon } from "@radix-ui/react-icons";
+import { GitHubLogoIcon, DiscordLogoIcon } from "@radix-ui/react-icons";
 import { SettingsDropdown } from "./settingsDropdown";
 import { Separator } from "@/components/ui/separator";
 import Image from "next/image";
@@ -11,6 +11,7 @@ import logoDark from "../../public/sb_logo_dark_small.png";
 import logoLight from "../../public/sb_logo_light_small.png";
 import { useRouter } from "next/navigation";
 
+const SOURCEBOT_DISCORD_URL = "https://discord.gg/6Fhp27x7Pb";
 const SOURCEBOT_GITHUB_URL = "https://github.com/sourcebot-dev/sourcebot";
 
 export const NavigationMenu = () => {
@@ -61,6 +62,15 @@ export const NavigationMenu = () => {
                     </div>
 
                     <div className="flex flex-row items-center gap-2">
+                        <Button
+                            variant="outline"
+                            size="icon"
+                            onClick={() => {
+                                window.open(SOURCEBOT_DISCORD_URL, "_blank");
+                            }}
+                        >
+                            <DiscordLogoIcon className="w-4 h-4" />
+                        </Button>
                         <Button
                             variant="outline"
                             size="icon"
diff --git a/packages/web/src/app/settingsDropdown.tsx b/packages/web/src/app/settingsDropdown.tsx
index 2fc75879..6b1b5986 100644
--- a/packages/web/src/app/settingsDropdown.tsx
+++ b/packages/web/src/app/settingsDropdown.tsx
@@ -25,6 +25,7 @@ import { useMemo } from "react"
 import { KeymapType } from "@/lib/types"
 import { cn } from "@/lib/utils"
 import { useKeymapType } from "@/hooks/useKeymapType"
+import { NEXT_PUBLIC_SOURCEBOT_VERSION } from "@/lib/environment.client";
 
 interface SettingsDropdownProps {
     menuButtonClassName?: string;
@@ -104,6 +105,10 @@ export const SettingsDropdown = ({
                             </DropdownMenuSubContent>
                         </DropdownMenuPortal>
                     </DropdownMenuSub>
+                    <DropdownMenuSeparator />
+                    <div className="px-2 py-1 text-sm text-muted-foreground">
+                        version: {NEXT_PUBLIC_SOURCEBOT_VERSION}
+                    </div>
                 </DropdownMenuGroup>
             </DropdownMenuContent>
         </DropdownMenu>