wehub-resource-sync
45 lines
1.5 KiB
TypeScript
45 lines
1.5 KiB
TypeScript
import { Outlet } from "@remix-run/react";
|
|
import { DevPresenceProvider } from "~/components/DevPresence";
|
|
import { RouteErrorDisplay } from "~/components/ErrorDisplay";
|
|
import { MainBody } from "~/components/layout/AppLayout";
|
|
import { SideMenu } from "~/components/navigation/SideMenu";
|
|
import { useEnvironment } from "~/hooks/useEnvironment";
|
|
import { useIsImpersonating, useOrganization, useOrganizations } from "~/hooks/useOrganizations";
|
|
import { useProject } from "~/hooks/useProject";
|
|
import { useUser } from "~/hooks/useUser";
|
|
import { v3ProjectPath } from "~/utils/pathBuilder";
|
|
|
|
export default function Project() {
|
|
const organizations = useOrganizations();
|
|
const organization = useOrganization();
|
|
const project = useProject();
|
|
const environment = useEnvironment();
|
|
const user = useUser();
|
|
const isImpersonating = useIsImpersonating();
|
|
|
|
return (
|
|
<>
|
|
<div className="grid grid-cols-[auto_1fr] overflow-hidden">
|
|
<DevPresenceProvider enabled={environment.type === "DEVELOPMENT"}>
|
|
<SideMenu
|
|
user={{ ...user, isImpersonating }}
|
|
project={project}
|
|
environment={environment}
|
|
organization={organization}
|
|
organizations={organizations}
|
|
/>
|
|
<MainBody>
|
|
<Outlet />
|
|
</MainBody>
|
|
</DevPresenceProvider>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export function ErrorBoundary() {
|
|
const org = useOrganization();
|
|
const project = useProject();
|
|
return <RouteErrorDisplay button={{ title: project.name, to: v3ProjectPath(org, project) }} />;
|
|
}
|