f8be2b3833
* feat: added office 365 video to conferencing atoms * added documentation for conferencing atoms * added props table to the documentation --------- Co-authored-by: Morgan <33722304+ThyMinimalDev@users.noreply.github.com>
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { useState } from "react";
|
|
|
|
import { AppOnboardingSteps } from "@calcom/lib/apps/appOnboardingSteps";
|
|
import { getAppOnboardingUrl } from "@calcom/lib/apps/getAppOnboardingUrl";
|
|
import { WEBAPP_URL } from "@calcom/lib/constants";
|
|
|
|
import useAddAppMutation from "../../_utils/useAddAppMutation";
|
|
import type { InstallAppButtonProps } from "../../types";
|
|
import AccountDialog from "./AccountDialog";
|
|
|
|
export default function InstallAppButton(props: InstallAppButtonProps) {
|
|
const [isModalOpen, setIsModalOpen] = useState(false);
|
|
const mutation = useAddAppMutation(null);
|
|
const handleSubmit = () => {
|
|
mutation.mutate({
|
|
type: "office365_video",
|
|
variant: "conferencing",
|
|
slug: "msteams",
|
|
returnTo:
|
|
WEBAPP_URL +
|
|
getAppOnboardingUrl({
|
|
slug: "msteams",
|
|
step: AppOnboardingSteps.EVENT_TYPES_STEP,
|
|
}),
|
|
});
|
|
};
|
|
|
|
return (
|
|
<>
|
|
{props.render({
|
|
onClick() {
|
|
setIsModalOpen(true);
|
|
},
|
|
disabled: isModalOpen,
|
|
})}
|
|
<AccountDialog open={isModalOpen} onOpenChange={setIsModalOpen} handleSubmit={handleSubmit} />
|
|
</>
|
|
);
|
|
}
|