plane/web/core/components/workspace/logo.tsx
2024-06-11 14:39:52 +05:30

20 lines
593 B
TypeScript

type Props = {
logo: string | null | undefined;
name: string | undefined;
classNames?: string;
};
export const WorkspaceLogo = (props: Props) => (
<div
className={`relative grid h-6 w-6 flex-shrink-0 place-items-center uppercase ${
!props.logo && "rounded bg-custom-primary-500 text-white"
} ${props.classNames ? props.classNames : ""}`}
>
{props.logo && props.logo !== "" ? (
<img src={props.logo} className="absolute left-0 top-0 h-full w-full rounded object-cover" alt="Workspace Logo" />
) : (
props.name?.charAt(0) ?? "..."
)}
</div>
);