diff --git a/frontend/src/const/routes.ts b/frontend/src/const/routes.ts index e390fbcc6..c02e46af2 100644 --- a/frontend/src/const/routes.ts +++ b/frontend/src/const/routes.ts @@ -1,5 +1,7 @@ import { FileRouteTypes } from "@app/routeTree.gen"; +// + const setRoute = ( path: TFull, id: TId diff --git a/frontend/src/layouts/AdminLayout/AdminLayout.tsx b/frontend/src/layouts/AdminLayout/AdminLayout.tsx index 41e9e6606..097654f26 100644 --- a/frontend/src/layouts/AdminLayout/AdminLayout.tsx +++ b/frontend/src/layouts/AdminLayout/AdminLayout.tsx @@ -1,27 +1,23 @@ import { useTranslation } from "react-i18next"; -import { faArrowLeft, faInfo, faMobile, faQuestion } from "@fortawesome/free-solid-svg-icons"; +import { faMobile } from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { Link, Outlet } from "@tanstack/react-router"; +import { Outlet, useRouterState } from "@tanstack/react-router"; -import { WishForm } from "@app/components/features/WishForm"; import { Banner } from "@app/components/page-frames/Banner"; -import { - DropdownMenu, - DropdownMenuContent, - DropdownMenuItem, - DropdownMenuTrigger -} from "@app/components/v2"; -import { envConfig } from "@app/config/env"; +import { BreadcrumbContainer, TBreadcrumbFormat } from "@app/components/v2"; import { useServerConfig } from "@app/context"; -import { ProjectType } from "@app/hooks/api/workspace/types"; import { InsecureConnectionBanner } from "../OrganizationLayout/components/InsecureConnectionBanner"; -import { INFISICAL_SUPPORT_OPTIONS } from "../OrganizationLayout/components/MinimizedOrgSidebar/MinimizedOrgSidebar"; +import { AdminSidebar } from "./Sidebar"; export const AdminLayout = () => { const { t } = useTranslation(); const { config } = useServerConfig(); + const matches = useRouterState({ select: (s) => s.matches.at(-1)?.context }); + + const breadcrumbs = matches && "breadcrumbs" in matches ? matches.breadcrumbs : undefined; + const containerHeight = config.pageFrameContent ? "h-[94vh]" : "h-screen"; return ( @@ -30,54 +26,11 @@ export const AdminLayout = () => {