calcom/packages/app-store/office365video/components/AccountDialog.tsx
Joe Au-Yeung 82f7779a23
MS Teams title to state that a work/school account is required. (#2677)
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
2022-05-04 14:45:30 -04:00

43 lines
1.1 KiB
TypeScript

import Button from "@calcom/ui/Button";
import {
Dialog,
DialogClose,
DialogContent,
DialogFooter,
DialogHeader,
DialogProps,
} from "@calcom/ui/Dialog";
import useAddAppMutation from "../../_utils/useAddAppMutation";
export function AccountDialog(props: DialogProps) {
const mutation = useAddAppMutation("office365_calendar");
return (
<Dialog name="Account check" {...props}>
<DialogContent>
<DialogHeader
title="Connecting with MS Teams requires a work/school account."
subtitle="If you continue with a personal account you will receive an error"
/>
<DialogFooter>
<DialogClose
onClick={() => {
props.onOpenChange?.(false);
}}
asChild>
<Button type="button" color="secondary" tabIndex={-1}>
Cancel
</Button>
</DialogClose>
<Button type="button" onClick={() => mutation.mutate("")}>
Continue
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
);
}
export default AccountDialog;