michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

Fix blurhash visible under transparent img (#721)

Browse source
This commit is contained in:
Ajay Bura 2022-08-07 20:14:47 +05:30
parent 542ac4f4e1
commit 728c5434bb
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app/molecules/media/Media.jsx
View file

@ -158,6 +158,7 @@ function Image({
name, width, height, link, file, type, blurhash, name, width, height, link, file, type, blurhash,
}) { }) {
const [url, setUrl] = useState(null); const [url, setUrl] = useState(null);
const [blur, setBlur] = useState(true);
useEffect(() => { useEffect(() => {
let unmounted = false; let unmounted = false;
@ -176,8 +177,8 @@ function Image({
<div className="file-container"> <div className="file-container">
<FileHeader name={name} link={url || link} type={type} external /> <FileHeader name={name} link={url || link} type={type} external />
<div style={{ height: width !== null ? getNativeHeight(width, height) : 'unset' }} className="image-container"> <div style={{ height: width !== null ? getNativeHeight(width, height) : 'unset' }} className="image-container">
{ blurhash && <BlurhashCanvas hash={blurhash} punch={1} />} { blurhash && blur && <BlurhashCanvas hash={blurhash} punch={1} />}
{ url !== null && <img src={url || link} alt={name} />} { url !== null && <img onLoad={() => setBlur(false)} src={url || link} alt={name} />}
</div> </div>
</div> </div>
); );