* 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>
38 lines
1.1 KiB
TypeScript
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;
|