a97bfbb1ce
* added lottie-react, added <Logo animated> for success page * Fixes lint issues Co-authored-by: Alex van Andel <me@alexvanandel.com>
40 lines
1016 B
TypeScript
40 lines
1016 B
TypeScript
import Lottie from "lottie-react";
|
|
|
|
import { LOGO_ICON, LOGO } from "@calcom/lib/constants";
|
|
|
|
import LogoAnimated from "./LogoAnimated.json";
|
|
import LogoAnimatedWhite from "./LogoAnimatedWhite.json";
|
|
|
|
export default function Logo({
|
|
small,
|
|
icon,
|
|
animated,
|
|
}: {
|
|
small?: boolean;
|
|
icon?: boolean;
|
|
animated?: boolean;
|
|
}) {
|
|
return (
|
|
<h1 className="logo inline">
|
|
{animated ? (
|
|
<div className="max-w-40">
|
|
<span className="inline dark:hidden">
|
|
<Lottie animationData={LogoAnimated} loop={false} />
|
|
</span>
|
|
<span className="hidden dark:inline">
|
|
<Lottie animationData={LogoAnimatedWhite} loop={false} />
|
|
</span>
|
|
</div>
|
|
) : (
|
|
<strong>
|
|
{icon ? (
|
|
<img className="mx-auto w-9" alt="Cal" title="Cal" src={LOGO_ICON} />
|
|
) : (
|
|
<img className={small ? "h-4 w-auto" : "h-5 w-auto"} alt="Cal" title="Cal" src={LOGO} />
|
|
)}
|
|
</strong>
|
|
)}
|
|
</h1>
|
|
);
|
|
}
|