Function EntityLogo

src/components/common/EntityLogo.tsx:12–37

({ entity, className })

}

const EntityLogo: FC<EntityLogoProps> = ({ entity, className }) => {
  const logoURL = getEntityLogoURL(entity);
  const [imageError, setImageError] = useState<boolean>(false);

  const handleImageError = () => {
    setImageError(true);
  };

  const handleImageLoad = () => {
    setImageError(false);
  };

  return (
    <>
      {imageError ? null : (
        <img
          src={logoURL}
          alt={entity}
          className={className}
          onError={handleImageError}
          onLoad={handleImageLoad}
        />
      )}
    </>
  );
};

export default EntityLogo;