38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
import Link from "next/link";
|
|
|
|
import { useIsEmbed } from "@calcom/embed-core";
|
|
|
|
import { useLocale } from "@lib/hooks/useLocale";
|
|
|
|
const PoweredByCal = () => {
|
|
const { t } = useLocale();
|
|
const isEmbed = useIsEmbed();
|
|
return (
|
|
<div className={"p-1 text-center text-xs sm:text-right" + (isEmbed ? " max-w-3xl" : "")}>
|
|
<Link href={`https://cal.com?utm_source=embed&utm_medium=powered-by-button`}>
|
|
<a target="_blank" className="text-bookinglight opacity-50 hover:opacity-100 dark:text-white">
|
|
{t("powered_by")}{" "}
|
|
{
|
|
// eslint-disable-next-line @next/next/no-img-element
|
|
<img
|
|
className="relative -mt-px inline h-[10px] w-auto dark:hidden"
|
|
src="/cal-logo-word.svg"
|
|
alt="Cal.com Logo"
|
|
/>
|
|
}
|
|
{
|
|
// eslint-disable-next-line @next/next/no-img-element
|
|
<img
|
|
className="relativ -mt-px hidden h-[10px] w-auto dark:inline"
|
|
src="/cal-logo-word-dark.svg"
|
|
alt="Cal.com Logo"
|
|
/>
|
|
}
|
|
</a>
|
|
</Link>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default PoweredByCal;
|