diff --git a/packages/features/troubleshooter/components/EventScheduleItem.tsx b/packages/features/troubleshooter/components/EventScheduleItem.tsx new file mode 100644 index 0000000000..32e2eb5ac4 --- /dev/null +++ b/packages/features/troubleshooter/components/EventScheduleItem.tsx @@ -0,0 +1,29 @@ +import { trpc } from "@calcom/trpc/react"; +import { Label } from "@calcom/ui"; + +import { useTroubleshooterStore } from "../store"; +import { TroubleshooterListItemHeader } from "./TroubleshooterListItemContainer"; + +export function EventScheduleItem() { + const selectedEventType = useTroubleshooterStore((state) => state.eventSlug); + + const { data: schedule, isLoading } = trpc.viewer.availability.schedule.getScheduleByEventSlug.useQuery( + { + eventSlug: selectedEventType as string, // Only enabled when selectedEventType is not null + }, + { + enabled: !!selectedEventType, + } + ); + + return ( +