40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import { useSession } from "next-auth/react";
|
|
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 = () => {
|
|
const { t } = useLocale();
|
|
const session = useSession();
|
|
const isEmbed = useIsEmbed();
|
|
const hasValidLicense = session.data ? session.data.hasValidLicense : null;
|
|
|
|
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 opacity-50 hover:opacity-100">
|
|
{t("powered_by")}{" "}
|
|
{APP_NAME === "Cal.com" || !hasValidLicense ? (
|
|
<>
|
|
<img
|
|
className="relative -mt-px inline h-[10px] w-auto dark:hidden"
|
|
src="/cal-logo-word.svg"
|
|
alt="Cal.com Logo"
|
|
/>
|
|
<img
|
|
className="relativ -mt-px hidden h-[10px] w-auto dark:inline"
|
|
src="/cal-logo-word-dark.svg"
|
|
alt="Cal.com Logo"
|
|
/>
|
|
</>
|
|
) : (
|
|
<span className="text-emphasis font-semibold">{APP_NAME}</span>
|
|
)}
|
|
</Link>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default PoweredByCal;
|