muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

fixed color calculation hook

Browse source
This commit is contained in:
Fedor Katurov 2021-10-08 11:12:41 +07:00
parent df75624a2f
commit a09c129d04
1 changed files with 11 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/utils/hooks/useColorGradientFromString.ts
View file

@ -4,16 +4,15 @@ import { useColorFromString } from '~/utils/hooks/useColorFromString';
import { normalizeBrightColor } from '~/utils/color'; import { normalizeBrightColor } from '~/utils/color';
export const useColorGradientFromString = (val?: string, saturation = 3, lightness = 3) => { export const useColorGradientFromString = (val?: string, saturation = 3, lightness = 3) => {
const color = useColorFromString(val, saturation, lightness); return useMemo(() => {
return useMemo( if (!val) {
() => return '';
val }
? `linear-gradient(155deg, ${color}, ${normalizeBrightColor(
adjustHue(color, 80), const color = useColorFromString(val, saturation, lightness);
saturation, const second = normalizeBrightColor(adjustHue(color, 45), saturation, lightness);
lightness const third = normalizeBrightColor(adjustHue(color, 90), saturation, lightness);
)})`
: '', return `linear-gradient(155deg, ${color}, ${second}, ${third})`;
[color] }, [val]);
);
}; };