diff --git a/packages/app-store/components.tsx b/packages/app-store/components.tsx index b93e51ad..243adcf5 100644 --- a/packages/app-store/components.tsx +++ b/packages/app-store/components.tsx @@ -17,6 +17,7 @@ export const InstallAppButtonMap = { stripepayment: dynamic(() => import("./stripepayment/components/InstallAppButton")), tandemvideo: dynamic(() => import("./tandemvideo/components/InstallAppButton")), zoomvideo: dynamic(() => import("./zoomvideo/components/InstallAppButton")), + office365video: dynamic(() => import("./office365video/components/InstallAppButton")), }; export const InstallAppButton = ( diff --git a/packages/app-store/office365video/components/InstallAppButton.tsx b/packages/app-store/office365video/components/InstallAppButton.tsx new file mode 100644 index 00000000..aaa8eabb --- /dev/null +++ b/packages/app-store/office365video/components/InstallAppButton.tsx @@ -0,0 +1,18 @@ +import type { InstallAppButtonProps } from "@calcom/app-store/types"; + +import useAddAppMutation from "../../_utils/useAddAppMutation"; + +export default function InstallAppButton(props: InstallAppButtonProps) { + const mutation = useAddAppMutation("office365_video"); + + return ( + <> + {props.render({ + onClick() { + mutation.mutate(""); + }, + loading: mutation.isLoading, + })} + + ); +} diff --git a/packages/app-store/office365video/components/index.ts b/packages/app-store/office365video/components/index.ts new file mode 100644 index 00000000..0d6008d4 --- /dev/null +++ b/packages/app-store/office365video/components/index.ts @@ -0,0 +1 @@ +export { default as InstallAppButton } from "./InstallAppButton";