UNPKG

@fremtind/jkl-react-hooks

Version:
21 lines (20 loc) 505 B
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