calcom/components/SettingsShell.tsx
Omar López a04336ba06
Added booking tabs, type fixing and refactoring (#825)
* More type fixes

* More type fixes

* Type fixes

* Adds inputMode to email fields

* Added booking tabs

* Adds aditional notes to bookings
2021-09-29 22:33:18 +01:00

39 lines
834 B
TypeScript

import { CodeIcon, CreditCardIcon, KeyIcon, UserGroupIcon, UserIcon } from "@heroicons/react/solid";
import NavTabs from "./NavTabs";
export default function SettingsShell(props) {
const tabs = [
{
name: "Profile",
href: "/settings/profile",
icon: UserIcon,
},
{
name: "Security",
href: "/settings/security",
icon: KeyIcon,
},
{ name: "Embed", href: "/settings/embed", icon: CodeIcon },
{
name: "Teams",
href: "/settings/teams",
icon: UserGroupIcon,
},
{
name: "Billing",
href: "/settings/billing",
icon: CreditCardIcon,
},
];
return (
<div>
<div className="sm:mx-auto">
<NavTabs tabs={tabs} />
<hr />
</div>
<main className="max-w-4xl">{props.children}</main>
</div>
);
}