about summary refs log tree commit diff
path: root/src/lib/hooks/useMinimalShellMode.tsx
blob: 68f405dc4d76c76b21806b68a91a944d975df07d (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import React from 'react'
import {autorun} from 'mobx'
import {useStores} from 'state/index'
import {Animated} from 'react-native'
import {useAnimatedValue} from 'lib/hooks/useAnimatedValue'

export function useMinimalShellMode() {
  const store = useStores()
  const minimalShellInterp = useAnimatedValue(0)
  const footerMinimalShellTransform = {
    opacity: Animated.subtract(1, minimalShellInterp),
    transform: [{translateY: Animated.multiply(minimalShellInterp, 50)}],
  }

  React.useEffect(() => {
    return autorun(() => {
      if (store.shell.minimalShellMode) {
        Animated.timing(minimalShellInterp, {
          toValue: 1,
          duration: 150,
          useNativeDriver: true,
          isInteraction: false,
        }).start()
      } else {
        Animated.timing(minimalShellInterp, {
          toValue: 0,
          duration: 150,
          useNativeDriver: true,
          isInteraction: false,
        }).start()
      }
    })
  }, [minimalShellInterp, store])

  return {footerMinimalShellTransform}
}