antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 02:13:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Wait for load before setting background color

Browse source
This commit is contained in:
jeffvli 2023-01-03 03:15:51 -08:00
parent b8b8ca9f66
commit b0bc4c3cf3
3 changed files with 11 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/renderer/hooks/use-fast-average-color.tsx
View file

@ -1,17 +1,17 @@
import { useEffect, useRef, useState } from 'react';
import { useEffect, useState } from 'react';
import { FastAverageColor } from 'fast-average-color';
export const useFastAverageColor = (
src?: string | null,
srcLoaded?: boolean,
aglorithm?: 'dominant' | 'simple' | 'sqrt',
) => {
const isMountedRef = useRef<boolean | null>(null);
const [color, setColor] = useState<string | undefined>(undefined);
useEffect(() => {
const fac = new FastAverageColor();
if (src) {
if (src && srcLoaded) {
fac
.getColorAsync(src, {
algorithm: aglorithm || 'dominant',
@ -28,16 +28,14 @@ export const useFastAverageColor = (
console.log('Error fetching average color', e);
return setColor('rgba(0, 0, 0, 0)');
});
} else if (isMountedRef.current) {
} else if (srcLoaded) {
return setColor('var(--placeholder-bg)');
} else {
isMountedRef.current = true;
}
return () => {
fac.destroy();
};
}, [aglorithm, src]);
}, [aglorithm, srcLoaded, src]);
return color;
};