sourcebot/src/app/navigationMenu.tsx at ffb5cccfc2c76c7a4199d63a978ad08759e3ee1a · sourcebot-dev/sourcebot · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
'use client';

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 { SettingsDropdown } from "./settingsDropdown";
import { Separator } from "@/components/ui/separator";
import Image from "next/image";
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_GITHUB_URL = "https://github.com/TaqlaAI/sourcebot";

export const NavigationMenu = () => {
    const router = useRouter();

    return (
        <div className="flex flex-col w-screen h-fit">
                <div className="flex flex-row justify-between items-center py-1.5 px-3">
                    <div className="flex flex-row items-center">
                        <div
                            className="mr-3 cursor-pointer"
                            onClick={() => {
                                router.push("/");
                            }}
                        >
                            <Image
                                src={logoDark}
                                className="h-11 w-auto hidden dark:block"
                                alt={"Sourcebot logo"}
                                priority={true}
                            />
                            <Image
                                src={logoLight}
                                className="h-11 w-auto block dark:hidden"
                                alt={"Sourcebot logo"}
                                priority={true}
                            />
                        </div>

                        <NavigationMenuBase>
                            <NavigationMenuList>
                                <NavigationMenuItem>
                                    <Link href="/" legacyBehavior passHref>
                                        <NavigationMenuLink className={navigationMenuTriggerStyle()}>
                                            Search
                                        </NavigationMenuLink>
                                    </Link>
                                </NavigationMenuItem>
                                <NavigationMenuItem>
                                    <Link href="/repos" legacyBehavior passHref>
                                        <NavigationMenuLink className={navigationMenuTriggerStyle()}>
                                            Repositories
                                        </NavigationMenuLink>
                                    </Link>
                                </NavigationMenuItem>
                            </NavigationMenuList>
                        </NavigationMenuBase>
                    </div>

                    <div className="flex flex-row items-center gap-2">
                        <Button
                            variant="outline"
                            size="icon"
                            onClick={() => {
                                window.open(SOURCEBOT_GITHUB_URL, "_blank");
                            }}
                        >
                            <GitHubLogoIcon className="w-4 h-4" />
                        </Button>
                        <SettingsDropdown />
                    </div>
                </div>
                <Separator />
            </div>


    )
}