35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { usePathname, useRouter } from "next/navigation";
|
|
import type { ComponentProps } from "react";
|
|
import React, { useEffect } from "react";
|
|
|
|
import type Shell from "@calcom/features/shell/Shell";
|
|
import { UserPermissionRole } from "@calcom/prisma/enums";
|
|
import { ErrorBoundary } from "@calcom/ui";
|
|
|
|
export type AdminLayoutProps = {
|
|
children: React.ReactNode;
|
|
userRole: UserPermissionRole | "INACTIVE_ADMIN" | undefined;
|
|
} & ComponentProps<typeof Shell>;
|
|
export default function AdminLayoutAppDirClient({ userRole, children }: AdminLayoutProps) {
|
|
const pathname = usePathname();
|
|
const router = useRouter();
|
|
|
|
// Force redirect on component level
|
|
useEffect(() => {
|
|
if (userRole !== UserPermissionRole.ADMIN) {
|
|
router.replace("/settings/my-account/profile");
|
|
}
|
|
}, [userRole, router]);
|
|
|
|
const isAppsPage = pathname?.startsWith("/settings/admin/apps");
|
|
return (
|
|
<div className="divide-subtle bg-default mx-auto flex max-w-4xl flex-row divide-y">
|
|
<div className={isAppsPage ? "min-w-0" : "flex flex-1 [&>*]:flex-1"}>
|
|
<ErrorBoundary>{children}</ErrorBoundary>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|