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

Weird (#5818)

This commit is contained in:
sean-brydon 2022-12-01 00:11:59 +00:00 committed by GitHub
parent d951a5b872
commit b33dcc8841
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
packages/app-store/office365video/components/AccountDialog.tsx
View File

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

6
packages/ui/v2/core/Dialog.tsx
View File

@ -139,11 +139,7 @@ export function DialogHeader(props: DialogHeaderProps) {
}
export function DialogFooter(props: { children: ReactNode }) {
return (
<div>
<div className="mt-7 flex justify-end space-x-2 rtl:space-x-reverse ">{props.children}</div>
</div>
);
return <div className="mt-7 flex justify-end space-x-2 rtl:space-x-reverse ">{props.children}</div>;
}
DialogContent.displayName = "DialogContent";