File size: 2,001 Bytes
676fc08 | 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 | "use client";
import { useTranslation } from "react-i18next";
import { Settings, Github, History, BookText } from "lucide-react";
import { Button } from "@/components/Internal/Button";
import { useGlobalStore } from "@/store/global";
const VERSION = process.env.NEXT_PUBLIC_VERSION;
function Header() {
const { t } = useTranslation();
const { setOpenSetting, setOpenHistory, setOpenKnowledge } = useGlobalStore();
return (
<>
<header className="flex justify-between items-center my-6 max-sm:my-4 print:hidden">
<a href="https://github.com/u14app/deep-research" target="_blank">
<h1 className="text-left text-xl font-semibold">
{t("title")}
<small className="ml-2 font-normal text-base">v{VERSION}</small>
</h1>
</a>
<div className="flex">
<a href="https://github.com/u14app/deep-research" target="_blank">
<Button
className="h-8 w-8"
title={t("openSource")}
variant="ghost"
size="icon"
>
<Github className="h-5 w-5" />
</Button>
</a>
<Button
className="h-8 w-8"
variant="ghost"
size="icon"
title={t("history.title")}
onClick={() => setOpenHistory(true)}
>
<History className="h-5 w-5" />
</Button>
<Button
className="h-8 w-8"
variant="ghost"
size="icon"
title={t("knowledge.title")}
onClick={() => setOpenKnowledge(true)}
>
<BookText />
</Button>
<Button
className="h-8 w-8"
title={t("setting.title")}
variant="ghost"
size="icon"
onClick={() => setOpenSetting(true)}
>
<Settings className="h-5 w-5" />
</Button>
</div>
</header>
</>
);
}
export default Header;
|