Files
calendar/packages/ui/components/logo/Logo.tsx
T
4541845340 feat: Use team logos for various meta icons (#8955)
* Use team logos for various meta icons

* Automatically resize team icons for different uses

* Fix api/logo error when unable to find a team

* Avoid loading image-optimizer in api/logo when not needed

---------

Co-authored-by: Omar López <zomars@me.com>
Co-authored-by: alannnc <alannnc@gmail.com>
Co-authored-by: Alex van Andel <me@alexvanandel.com>
Co-authored-by: Bailey Pumfleet <bailey@pumfleet.co.uk>
2023-05-30 16:31:49 +00:00

31 lines
681 B
TypeScript

import classNames from "@calcom/lib/classNames";
export default function Logo({
small,
icon,
inline = true,
className,
}: {
small?: boolean;
icon?: boolean;
inline?: boolean;
className?: string;
}) {
return (
<h3 className={classNames("logo", inline && "inline", className)}>
<strong>
{icon ? (
<img className="mx-auto w-9 dark:invert" alt="Cal" title="Cal" src="/api/logo?type=icon" />
) : (
<img
className={classNames(small ? "h-4 w-auto" : "h-5 w-auto", "dark:invert")}
alt="Cal"
title="Cal"
src="/api/logo"
/>
)}
</strong>
</h3>
);
}