sean-brydonandzomars
cefcb1eaf8
* EventTypeFilter UI working * Tidy + fix avatar + fix overflow * Component store * WIP - switchin to query filtering instead of state * Push working * Checkbox approach - weird conditional toggle for all bookings * WIP * the master query hook :O * useTypedQuery * Working typed query * Typed query hook * Add optional keys * safeParse query params * Add use callback * Fix re-renders * Remove local version of local query and use util branch * Working team filters! * working people filter! * Tidy up * NIT Co-authored-by: zomars <zomars@me.com>
48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
import React, { ComponentProps } from "react";
|
|
|
|
import { HorizontalTabs, Shell } from "@calcom/ui";
|
|
import { VerticalTabItemProps, HorizontalTabItemProps } from "@calcom/ui/v2";
|
|
|
|
import { FiltersContainer } from "../components/FiltersContainer";
|
|
|
|
const tabs: (VerticalTabItemProps | HorizontalTabItemProps)[] = [
|
|
{
|
|
name: "upcoming",
|
|
href: "/bookings/upcoming",
|
|
},
|
|
{
|
|
name: "unconfirmed",
|
|
href: "/bookings/unconfirmed",
|
|
},
|
|
{
|
|
name: "recurring",
|
|
href: "/bookings/recurring",
|
|
},
|
|
{
|
|
name: "past",
|
|
href: "/bookings/past",
|
|
},
|
|
{
|
|
name: "cancelled",
|
|
href: "/bookings/cancelled",
|
|
},
|
|
];
|
|
|
|
export default function BookingLayout({
|
|
children,
|
|
...rest
|
|
}: { children: React.ReactNode } & ComponentProps<typeof Shell>) {
|
|
return (
|
|
<Shell {...rest}>
|
|
<div className="flex max-w-6xl flex-col sm:space-x-2">
|
|
<div className="flex flex-col lg:flex-row">
|
|
<HorizontalTabs tabs={tabs} />
|
|
<FiltersContainer />
|
|
</div>
|
|
<main className="w-full max-w-6xl">{children}</main>
|
|
</div>
|
|
</Shell>
|
|
);
|
|
}
|
|
export const getLayout = (page: React.ReactElement) => <BookingLayout>{page}</BookingLayout>;
|