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>
59 lines
1.1 KiB
TypeScript
59 lines
1.1 KiB
TypeScript
import React, { ComponentProps } from "react";
|
|
|
|
import Shell from "@calcom/features/shell/Shell";
|
|
import { ErrorBoundary, Icon } from "@calcom/ui";
|
|
|
|
import NavTabs from "./NavTabs";
|
|
|
|
const tabs = [
|
|
{
|
|
name: "profile",
|
|
href: "/settings/profile",
|
|
icon: Icon.FiUser,
|
|
},
|
|
{
|
|
name: "teams",
|
|
href: "/settings/teams",
|
|
icon: Icon.FiUsers,
|
|
},
|
|
{
|
|
name: "security",
|
|
href: "/settings/security",
|
|
icon: Icon.FiKey,
|
|
},
|
|
{
|
|
name: "developer",
|
|
href: "/settings/developer",
|
|
icon: Icon.FiTerminal,
|
|
},
|
|
{
|
|
name: "billing",
|
|
href: "/settings/billing",
|
|
icon: Icon.FiCreditCard,
|
|
},
|
|
{
|
|
name: "admin",
|
|
href: "/settings/admin",
|
|
icon: Icon.FiLock,
|
|
adminRequired: true,
|
|
},
|
|
];
|
|
|
|
export default function SettingsShell({
|
|
children,
|
|
...rest
|
|
}: { children: React.ReactNode } & ComponentProps<typeof Shell>) {
|
|
return (
|
|
<Shell {...rest}>
|
|
<div className="sm:mx-auto">
|
|
<NavTabs tabs={tabs} />
|
|
</div>
|
|
<main className="max-w-4xl">
|
|
<>
|
|
<ErrorBoundary>{children}</ErrorBoundary>
|
|
</>
|
|
</main>
|
|
</Shell>
|
|
);
|
|
}
|