diff options
Diffstat (limited to 'src/view/lib/hooks')
-rw-r--r-- | src/view/lib/hooks/useAnimatedValue.ts | 12 | ||||
-rw-r--r-- | src/view/lib/hooks/useOnMainScroll.ts | 25 | ||||
-rw-r--r-- | src/view/lib/hooks/usePalette.ts | 48 |
3 files changed, 0 insertions, 85 deletions
diff --git a/src/view/lib/hooks/useAnimatedValue.ts b/src/view/lib/hooks/useAnimatedValue.ts deleted file mode 100644 index 1307ef952..000000000 --- a/src/view/lib/hooks/useAnimatedValue.ts +++ /dev/null @@ -1,12 +0,0 @@ -import * as React from 'react' -import {Animated} from 'react-native' - -export function useAnimatedValue(initialValue: number) { - const lazyRef = React.useRef<Animated.Value>() - - if (lazyRef.current === undefined) { - lazyRef.current = new Animated.Value(initialValue) - } - - return lazyRef.current as Animated.Value -} diff --git a/src/view/lib/hooks/useOnMainScroll.ts b/src/view/lib/hooks/useOnMainScroll.ts deleted file mode 100644 index c3c16ff83..000000000 --- a/src/view/lib/hooks/useOnMainScroll.ts +++ /dev/null @@ -1,25 +0,0 @@ -import {useState} from 'react' -import {NativeSyntheticEvent, NativeScrollEvent} from 'react-native' -import {RootStoreModel} from '../../../state' - -export type OnScrollCb = ( - event: NativeSyntheticEvent<NativeScrollEvent>, -) => void - -export function useOnMainScroll(store: RootStoreModel) { - let [lastY, setLastY] = useState(0) - let isMinimal = store.shell.minimalShellMode - return function onMainScroll(event: NativeSyntheticEvent<NativeScrollEvent>) { - const y = event.nativeEvent.contentOffset.y - const dy = y - (lastY || 0) - setLastY(y) - - if (!isMinimal && y > 10 && dy > 10) { - store.shell.setMinimalShellMode(true) - isMinimal = true - } else if (isMinimal && (y <= 10 || dy < -10)) { - store.shell.setMinimalShellMode(false) - isMinimal = false - } - } -} diff --git a/src/view/lib/hooks/usePalette.ts b/src/view/lib/hooks/usePalette.ts deleted file mode 100644 index 5b9929c7d..000000000 --- a/src/view/lib/hooks/usePalette.ts +++ /dev/null @@ -1,48 +0,0 @@ -import {TextStyle, ViewStyle} from 'react-native' -import {useTheme, PaletteColorName, PaletteColor} from '../ThemeContext' - -export interface UsePaletteValue { - colors: PaletteColor - view: ViewStyle - btn: ViewStyle - border: ViewStyle - borderDark: ViewStyle - text: TextStyle - textLight: TextStyle - textInverted: TextStyle - link: TextStyle - icon: TextStyle -} -export function usePalette(color: PaletteColorName): UsePaletteValue { - const palette = useTheme().palette[color] - return { - colors: palette, - view: { - backgroundColor: palette.background, - }, - btn: { - backgroundColor: palette.backgroundLight, - }, - border: { - borderColor: palette.border, - }, - borderDark: { - borderColor: palette.borderDark, - }, - text: { - color: palette.text, - }, - textLight: { - color: palette.textLight, - }, - textInverted: { - color: palette.textInverted, - }, - link: { - color: palette.link, - }, - icon: { - color: palette.icon, - }, - } -} |