Function TokenLogo

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

({ token, className })

}

const TokenLogo: FC<TokenLogoProps> = ({ token, className }) => {
    const logoURL = getTokenLogoURL(token);
    const [imageError, setImageError] = useState<boolean>(false);

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

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

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

export default TokenLogo;