quivr/frontend/app/studio/[brainId]/page.tsx
Antoine Dewez a540a201e3
feat(frontend): Page Header + Begin of Studio (#2151)
# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):
2024-02-06 16:05:07 -08:00

36 lines
1.0 KiB
TypeScript

"use client";
import Link from "next/link";
import { useTranslation } from "react-i18next";
import { LuBrain, LuChevronLeftCircle } from "react-icons/lu";
import Button from "@/lib/components/ui/Button";
import { BrainManagementTabs } from "./components";
import { useBrainManagement } from "./hooks/useBrainManagement";
const BrainsManagement = (): JSX.Element => {
const { t } = useTranslation(["translation"]);
const { brain } = useBrainManagement();
return (
<div className="flex flex-col w-full p-5 lg:p-20 bg-highlight">
<div>
<Link href="/studio">
<Button variant="tertiary" className="p-0">
<LuChevronLeftCircle className="text-primary" />
{t("previous")}
</Button>
</Link>
</div>
<div className="w-full justify-center flex items-center gap-2">
<LuBrain size={25} className="text-primary" />
<span className="text-3xl font-semibold">{brain?.name}</span>
</div>
<BrainManagementTabs />
</div>
);
};
export default BrainsManagement;