import { useMutation } from "@tanstack/react-query"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { trpc } from "@calcom/trpc/react"; import { Badge, showToast, Switch } from "@calcom/ui"; import { FiArrowLeft } from "@calcom/ui/components/icon"; export function CalendarSwitch(props: { type: string; externalId: string; title: string; defaultSelected: boolean; isSelected: boolean; }) { const { t } = useLocale(); const utils = trpc.useContext(); const mutation = useMutation< unknown, unknown, { isOn: boolean; } >( async ({ isOn }) => { const body = { integration: props.type, externalId: props.externalId, }; if (isOn) { const res = await fetch("/api/availability/calendar", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(body), }); if (!res.ok) { throw new Error("Something went wrong"); } } else { const res = await fetch("/api/availability/calendar", { method: "DELETE", headers: { "Content-Type": "application/json", }, body: JSON.stringify(body), }); if (!res.ok) { throw new Error("Something went wrong"); } } }, { async onSettled() { await utils.viewer.integrations.invalidate(); }, onError() { showToast(`Something went wrong when toggling "${props.title}""`, "error"); }, } ); return (
{ mutation.mutate({ isOn }); }} /> {props.defaultSelected && (
{t("adding_events_to")}
)}
); }