mirror/checktheroads-hyperglass
1
0
Fork 0
mirror of https://github.com/checktheroads/hyperglass synced 2024-05-11 05:55:08 +00:00
Code Releases Activity

continue typescript & chakra v1 migrations [skip ci]

Browse Source
This commit is contained in:
checktheroads
2020-12-15 01:18:04 -07:00
parent 70e4d4edc9
commit 0c4d94a3e7
9 changed files with 71 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
hyperglass/ui/hooks/useOpposingColor.ts
View File

@@ -1,4 +1,4 @@
import { useState } from 'react';
import { useMemo, useState } from 'react';
import { useToken } from '@chakra-ui/react';
import { getColor, isLight } from '@chakra-ui/theme-tools';
import { useTheme } from '~/context';
@@ -20,16 +20,15 @@ export function useIsDark(color: string) {
}
export function useOpposingColor(color: string, options?: TOpposingOptions): string {
const [opposingColor, setOpposingColor] = useState<string>('inherit');
const isBlack = useIsDark(color);
const dark = useToken('colors', options?.dark ?? 'original.dark');
const light = useToken('colors', options?.light ?? 'original.light');
isBlack && opposingColor !== dark && setOpposingColor(dark);
!isBlack && opposingColor !== light && setOpposingColor(light);
return opposingColor;
return useMemo(() => {
if (isBlack) {
return options?.dark ?? 'black';
} else {
return options?.light ?? 'white';
}
}, [color]);
}
export function useOpposingToken(color: string, options?: TOpposingOptions): string {
@@ -40,5 +39,5 @@ export function useOpposingToken(color: string, options?: TOpposingOptions): str
isBlack && opposingColor !== dark && setOpposingColor(dark);
!isBlack && opposingColor !== light && setOpposingColor(light);
return opposingColor;
return useMemo(() => opposingColor, [color]);
}