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
This commit is contained in:
Michael Sukkarieh 2024-10-28 11:06:51 -06:00 committed by GitHub
parent 149664f664
commit 1fa3f7484a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 16 additions and 1 deletions

View file

@ -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"

View file

@ -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>