maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added conditional display for wipe my cal button

This commit is contained in:
Alan 2022-04-14 20:07:58 -06:00
parent a125fa3376
commit a0b28716f5
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/app-store/wipemycalother/components/wipeMyCalActionButton.tsx
View File

@ -10,12 +10,22 @@ interface IWipeMyCalActionButtonProps {
const WipeMyCalActionButton = (props: IWipeMyCalActionButtonProps) => {
const { trpc } = props;
const [openDialog, setOpenDialog] = useState(false);
const { isSuccess, isLoading, data } = trpc.useQuery(["viewer.integrations"]);
return (
<>
<ConfirmDialog trpc={trpc} isOpenDialog={openDialog} setIsOpenDialog={setOpenDialog} />
<Button onClick={() => setOpenDialog(true)}>Wipe Today</Button>
</>
<div>
{data &&
isSuccess &&
!isLoading &&
data?.other?.items.find((item: { type: string }) => item.type === "wipe_my_cal_other") && (
<>
<ConfirmDialog trpc={trpc} isOpenDialog={openDialog} setIsOpenDialog={setOpenDialog} />
<Button onClick={() => setOpenDialog(true)}>Wipe Today</Button>
</>
)}
</div>
);
};