@fremtind/jkl-react-hooks
Version:
Jøkul react button components
21 lines (20 loc) • 505 B
JavaScript
import { useState, useEffect } from "react";
const useProgressiveImg = ({
lowQualitySrc,
highQualitySrc
}) => {
const [src, setSrc] = useState(lowQualitySrc);
useEffect(() => {
setSrc(lowQualitySrc);
const img = new Image();
img.src = highQualitySrc;
img.onload = () => {
setSrc(highQualitySrc);
};
}, [lowQualitySrc, highQualitySrc]);
return { src, isBlurred: src === lowQualitySrc };
};
export {
useProgressiveImg
};
//# sourceMappingURL=useProgressiveImg.js.map