29 lines
901 B
TypeScript
29 lines
901 B
TypeScript
import { Outlet } from "react-router-dom";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
import { VocabularyList } from "./vocabulary-list";
|
|
import { useDocumentTitle } from "../lib/use-document-title";
|
|
import { useBreadcrumb } from "../shell/use-breadcrumb";
|
|
import { PageTitle } from "@/components/ui/page-title";
|
|
|
|
export function VocabulariesPage() {
|
|
const { t } = useTranslation();
|
|
|
|
useDocumentTitle(t("nav.vocabularies"));
|
|
useBreadcrumb([{ label: t("nav.vocabularies") }]);
|
|
|
|
return (
|
|
<div className="flex h-full flex-col">
|
|
<PageTitle className="px-4 pt-4 pb-2">{t("nav.vocabularies")}</PageTitle>
|
|
<div className="grid flex-1 grid-cols-[20rem_1fr] overflow-hidden">
|
|
<div className="overflow-hidden border-r">
|
|
<VocabularyList />
|
|
</div>
|
|
<div className="overflow-hidden">
|
|
<Outlet />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|