muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36: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

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

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