271d4319b9
* Add OmniInstall button * Make AppCards configurable by the app itself * Make OmniInstallAppButton not redirect * Fixes * Add extendsFeature support to CLI * Move to automatic file generation approach as dynamic import checking doesnt work correctly * Use zod everywhere consistenly for metadata and fix all TS issues * Fix viewer.eventTypes endpoint. Make prisma base select and _ prefixed models consistent in expecting scalars only * Remove unnecessary zod parsing of event-types as it is making the scope of the PR huge * Fix UI TS errors * wip * Add zod types support in EventTypeAppCard.tsx * Fixes during PR review and other failing tests * Remove unused app * Fix stripe installation flow * More fixes * Fix apps and active apps count * self review * Add loading attribute to OmniInsall button * Handle empty state * Improve types * Fix stripe app installation bug * added fathom app (#4804) * added fathom app wrapper, needs script injection to public booking page * new logo * Add Fathom script support on booking pages and add it as an eventTypeapp * Add automation and analytics apps * Add missing pieces for analytics category * Rename BookingPageScripts to BookingPageTagManager Co-authored-by: Hariom Balhara <hariombalhara@gmail.com> * Fix lint error * Fix runtime error with legayAppData being undefined * Remove duplicate automation key Co-authored-by: Peer Richelsen <peeroke@gmail.com>
58 lines
1.9 KiB
TypeScript
58 lines
1.9 KiB
TypeScript
import Link from "next/link";
|
|
|
|
import { inferQueryOutput } from "@calcom/trpc/react";
|
|
import { Switch } from "@calcom/ui/v2";
|
|
import OmniInstallAppButton from "@calcom/web/components/v2/apps/OmniInstallAppButton";
|
|
|
|
import { SetAppDataGeneric } from "../EventTypeAppContext";
|
|
import { eventTypeAppCardZod } from "../eventTypeAppCardZod";
|
|
|
|
export default function AppCard({
|
|
app,
|
|
description,
|
|
switchOnClick,
|
|
switchChecked,
|
|
children,
|
|
setAppData,
|
|
}: {
|
|
app: inferQueryOutput<"viewer.apps">[number];
|
|
description?: React.ReactNode;
|
|
switchChecked?: boolean;
|
|
switchOnClick?: (e: boolean) => void;
|
|
children?: React.ReactNode;
|
|
setAppData: SetAppDataGeneric<typeof eventTypeAppCardZod>;
|
|
}) {
|
|
return (
|
|
<div className="mb-4 mt-2 rounded-md border border-gray-200 p-8 text-sm">
|
|
<div className="flex w-full">
|
|
{/* Don't know why but w-[42px] isn't working, started happening when I started using next/dynamic */}
|
|
<Link href={"/apps/" + app.slug}>
|
|
<a className="mr-3 h-auto w-10 rounded-sm">
|
|
<img src={app?.logo} alt={app?.name} />
|
|
</a>
|
|
</Link>
|
|
<div className="flex flex-col">
|
|
<span className="font-semibold leading-none text-black">{app?.name}</span>
|
|
<p className="pt-2 text-sm font-normal text-gray-600">{description || app?.description}</p>
|
|
</div>
|
|
{app?.isInstalled ? (
|
|
<div className="ml-auto flex items-center">
|
|
<Switch
|
|
onCheckedChange={(enabled) => {
|
|
if (switchOnClick) {
|
|
switchOnClick(enabled);
|
|
}
|
|
setAppData("enabled", enabled);
|
|
}}
|
|
checked={switchChecked}
|
|
/>
|
|
</div>
|
|
) : (
|
|
<OmniInstallAppButton className="ml-auto flex items-center" appId={app?.slug} />
|
|
)}
|
|
</div>
|
|
{app?.isInstalled && switchChecked ? <div className="mt-4">{children}</div> : null}
|
|
</div>
|
|
);
|
|
}
|