Function BytebaseLogo

frontend/src/react/components/BytebaseLogo.tsx:19–67

({ className, redirect }: Props)

 *
 */
export function BytebaseLogo({ className, redirect }: Props) {
  const { t } = useTranslation();
  const workspace = useWorkspace();
  const { record } = useRecentVisit();
  const navigate = useNavigate();
  const customLogo = workspace?.logo ?? "";

  const content = (
    <span className="h-full w-full select-none flex flex-row justify-center items-center">
      {customLogo ? (
        <img
          src={customLogo}
          alt={t("settings.general.workspace.logo")}
          className="h-full object-contain"
        />
      ) : (
        <img
          src={logoFull}
          alt="Bytebase"
          className="h-8 md:h-10 w-auto object-contain"
        />
      )}
    </span>
  );

  return (
    <div
      className={cn(
        "shrink-0 max-w-44 flex items-center overflow-hidden",
        className
      )}
    >
      {redirect ? (
        <RouterLink
          to={{ name: redirect }}
          className="h-full w-full cursor-pointer"
          onClick={() => {
            const route = navigate.resolve({ name: redirect });
            record(route.fullPath);
          }}
        >
          {content}
        </RouterLink>
      ) : (
        content
      )}
    </div>
  );
}