@sky-mavis/tanto-widget
Version:
Tanto Widget
21 lines • 1.39 kB
JavaScript
import {useTheme}from'@emotion/react';import {useEffect}from'react';import {highlightedWalletItemBackgroundUri,blueFilledWCLogoUri,roninExtensionCustomLogoUri,roninExtensionCustomSquareLogoUri,roninLogoUri,roninMobileCustomLogoUri,roninMobileCustomSquareLogoUri,roninWaypointCustomLogoUri,roninWaypointCustomSquareLogoUri,scanWalletsIconUri}from'../assets/data-uris.mjs';import {isValidURL}from'../utils/index.mjs';const usePreloadImages = imageSources => {
useEffect(() => {
const validSources = imageSources.filter(isValidURL);
validSources.forEach(src => {
const img = new Image();
img.src = src;
return img;
});
}, [imageSources]);
};
const usePreloadTantoImages = () => {
const theme = useTheme();
const images = [blueFilledWCLogoUri, blueFilledWCLogoUri, roninExtensionCustomLogoUri, roninExtensionCustomSquareLogoUri, roninLogoUri, roninMobileCustomLogoUri, roninMobileCustomSquareLogoUri, roninWaypointCustomLogoUri, roninWaypointCustomSquareLogoUri, scanWalletsIconUri];
if (theme.mode === 'light') {
usePreloadImages([highlightedWalletItemBackgroundUri.light, highlightedWalletItemBackgroundUri.lightHover]);
}
if (theme.mode === 'dark') {
usePreloadImages([highlightedWalletItemBackgroundUri.dark, highlightedWalletItemBackgroundUri.darkHover]);
}
usePreloadImages(images);
};export{usePreloadImages,usePreloadTantoImages};