43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
import { useState } from "react";
|
|
|
|
import { trpc } from "@calcom/trpc/react";
|
|
import { Button } from "@calcom/ui";
|
|
|
|
import { ConfirmDialog } from "./confirmDialog";
|
|
|
|
interface IWipeMyCalActionButtonProps {
|
|
bookingsEmpty: boolean;
|
|
bookingStatus: "upcoming" | "recurring" | "past" | "cancelled" | "unconfirmed";
|
|
}
|
|
|
|
const WipeMyCalActionButton = (props: IWipeMyCalActionButtonProps) => {
|
|
const { bookingsEmpty, bookingStatus } = props;
|
|
const [openDialog, setOpenDialog] = useState(false);
|
|
const { isSuccess, isLoading, data } = trpc.viewer.integrations.useQuery({
|
|
variant: "other",
|
|
onlyInstalled: undefined,
|
|
});
|
|
|
|
if (bookingStatus !== "upcoming" || bookingsEmpty) {
|
|
return <></>;
|
|
}
|
|
const wipeMyCalCredentials = data?.items.find((item: { type: string }) => item.type === "wipemycal_other");
|
|
|
|
const [credentialId] = wipeMyCalCredentials?.credentialIds || [false];
|
|
|
|
return (
|
|
<>
|
|
{data && isSuccess && !isLoading && credentialId && (
|
|
<div className="mb-4">
|
|
<ConfirmDialog isOpenDialog={openDialog} setIsOpenDialog={setOpenDialog} />
|
|
<Button color="primary" onClick={() => setOpenDialog(true)} data-testid="wipe-today-button">
|
|
Wipe Today
|
|
</Button>
|
|
</div>
|
|
)}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export { WipeMyCalActionButton };
|