Jeroen Reumkensandzomars
ccc2bdd25e
* Removed emptyscreen component v1 version, migrated pages that still used it to v2, and removed v1 of workflow pages and components. * updated workflow pages imports to remove v2 from path. * Deleted v1 switch component, deleted v1 api-keys components, deleted old web integrations components that were unused. * Removed v1 list component. * Fixed event workflows tab path. * Fixed import path for button in sandbox page. * Cleanup and type fixes * Making explicit indexes * UI import migrations * More import fixes * More import fixes * Submodule sync * Type fixes * Build fixes Co-authored-by: zomars <zomars@me.com>
56 lines
1.4 KiB
TypeScript
56 lines
1.4 KiB
TypeScript
import React, { ComponentProps } from "react";
|
|
|
|
import type { VerticalTabItemProps } from "../";
|
|
import { HorizontalTabs, VerticalTabs } from "../";
|
|
import { Icon } from "../../../Icon";
|
|
import Shell from "../Shell";
|
|
import type { HorizontalTabItemProps } from "../navigation/tabs/HorizontalTabItem";
|
|
|
|
const tabs: (VerticalTabItemProps | HorizontalTabItemProps)[] = [
|
|
{
|
|
name: "upcoming",
|
|
href: "/bookings/upcoming",
|
|
icon: Icon.FiCalendar,
|
|
},
|
|
{
|
|
name: "unconfirmed",
|
|
href: "/bookings/unconfirmed",
|
|
icon: Icon.FiInbox,
|
|
},
|
|
{
|
|
name: "recurring",
|
|
href: "/bookings/recurring",
|
|
icon: Icon.FiRotateCcw,
|
|
},
|
|
{
|
|
name: "past",
|
|
href: "/bookings/past",
|
|
icon: Icon.FiSunset,
|
|
},
|
|
{
|
|
name: "cancelled",
|
|
href: "/bookings/cancelled",
|
|
icon: Icon.FiSlash,
|
|
},
|
|
];
|
|
|
|
export default function BookingLayout({
|
|
children,
|
|
...rest
|
|
}: { children: React.ReactNode } & ComponentProps<typeof Shell>) {
|
|
return (
|
|
<Shell {...rest}>
|
|
<div className="flex flex-col sm:space-x-2 xl:flex-row">
|
|
<div className="hidden xl:block">
|
|
<VerticalTabs tabs={tabs} sticky />
|
|
</div>
|
|
<div className="block xl:hidden">
|
|
<HorizontalTabs tabs={tabs} />
|
|
</div>
|
|
<main className="w-full max-w-6xl">{children}</main>
|
|
</div>
|
|
</Shell>
|
|
);
|
|
}
|
|
export const getLayout = (page: React.ReactElement) => <BookingLayout>{page}</BookingLayout>;
|