Files
calendar/packages/features/ee/components/PoweredBy.tsx
T
422ef2f5b8 chore: add cal.com logo to platform booker embed (#18269)
* chore: add cal.com logo to platform booker embed

* fixup! chore: add cal.com logo to platform booker embed

---------

Co-authored-by: Rajiv Sahal <sahalrajiv-extc@atharvacoe.ac.in>
2024-12-20 12:55:25 +02:00

38 lines
1.1 KiB
TypeScript

import Link from "next/link";
import { useIsEmbed } from "@calcom/embed-core/embed-iframe";
import { APP_NAME, POWERED_BY_URL } from "@calcom/lib/constants";
import { useLocale } from "@calcom/lib/hooks/useLocale";
const PoweredByCal = ({
logoOnly,
hasValidLicense,
}: {
logoOnly?: boolean;
hasValidLicense?: boolean | null;
}) => {
const { t } = useLocale();
const isEmbed = useIsEmbed();
return (
<div className={`p-2 text-center text-xs sm:text-right${isEmbed ? " max-w-3xl" : ""}`}>
<Link href={POWERED_BY_URL} target="_blank" className="text-subtle">
{!logoOnly && <>{t("powered_by")} </>}
{APP_NAME === "Cal.com" || !hasValidLicense ? (
<>
<img
className="-mt-px inline h-[10px] w-auto dark:invert"
src={`${process.env.NEXT_PUBLIC_WEBAPP_URL}/api/logo`}
alt="Cal.com Logo"
/>
</>
) : (
<span className="text-emphasis font-semibold opacity-50 hover:opacity-100">{APP_NAME}</span>
)}
</Link>
</div>
);
};
export default PoweredByCal;