9cb9ce2e42
* Big bulk commit * Switch and settings toggle * Popover Kbar Timezones * Image Uploader * Fix core export * Meta * Swatch * Remove shell * Fix shell imports * Moved ShellSubHeading component to UI, to prevent recursive imports from shell component * Removed shell from ui ts config since shell doesnt have a dependency on shell anymore. Co-authored-by: Jeroen Reumkens <hello@jeroenreumkens.nl> Co-authored-by: Omar López <zomars@me.com>
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import { useSession } from "next-auth/react";
|
|
import { useRouter } from "next/router";
|
|
import React, { ComponentProps, useEffect } from "react";
|
|
|
|
import SettingsLayout from "@calcom/features/settings/layouts/SettingsLayout";
|
|
import Shell from "@calcom/features/shell/Shell";
|
|
import { ErrorBoundary } from "@calcom/ui";
|
|
|
|
import { UserPermissionRole } from ".prisma/client";
|
|
|
|
export default function AdminLayout({
|
|
children,
|
|
...rest
|
|
}: { children: React.ReactNode } & ComponentProps<typeof Shell>) {
|
|
const session = useSession();
|
|
const router = useRouter();
|
|
|
|
// Force redirect on component level
|
|
useEffect(() => {
|
|
if (session.data && session.data.user.role !== UserPermissionRole.ADMIN) {
|
|
router.replace("/settings/my-account/profile");
|
|
}
|
|
}, [session, router]);
|
|
|
|
return (
|
|
<SettingsLayout {...rest}>
|
|
<div className="mx-auto flex max-w-4xl flex-row divide-y divide-gray-200">
|
|
<div className="flex flex-1 [&>*]:flex-1">
|
|
<ErrorBoundary>{children}</ErrorBoundary>
|
|
</div>
|
|
</div>
|
|
</SettingsLayout>
|
|
);
|
|
}
|
|
|
|
export const getLayout = (page: React.ReactElement) => <AdminLayout>{page}</AdminLayout>;
|