40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import { APP_NAME } from "@calcom/lib/constants";
|
|
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
import { Button, Dialog, DialogContent, DialogFooter } from "@calcom/ui";
|
|
|
|
interface IOverlayCalendarContinueModalProps {
|
|
open?: boolean;
|
|
onClose?: (state: boolean) => void;
|
|
onContinue: () => void;
|
|
}
|
|
|
|
export function OverlayCalendarContinueModal(props: IOverlayCalendarContinueModalProps) {
|
|
const { t } = useLocale();
|
|
return (
|
|
<>
|
|
<Dialog open={props.open} onOpenChange={props.onClose}>
|
|
<DialogContent
|
|
type="creation"
|
|
title={t("overlay_my_calendar")}
|
|
description={t("overlay_my_calendar_toc")}>
|
|
<div className="flex flex-col gap-2">
|
|
<Button
|
|
data-testid="overlay-calendar-continue-button"
|
|
onClick={() => {
|
|
props.onContinue();
|
|
}}
|
|
className="gap w-full items-center justify-center font-semibold"
|
|
StartIcon="calendar-search">
|
|
{t("continue_with", { appName: APP_NAME })}
|
|
</Button>
|
|
</div>
|
|
<DialogFooter>
|
|
{/* Agh modal hacks */}
|
|
<></>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
</>
|
|
);
|
|
}
|