message: improve close button entry
diff: import { CloseIcon } from "@artsy/palette"
  import { screenSafeAreaInsets } from "lib/utils/screenSafeAreaInsets"
  import { observer } from "mobx-react"
  -import React from "react"
  -import { Animated, TouchableOpacity, View } from "react-native"
  +import React, { useContext } from "react"
  +import { TouchableOpacity, View } from "react-native"
  +import { ImageCarouselContext } from "../ImageCarouselContext"
  import { boxShadow } from "./boxShadow"
  -import { useSpringFade } from "./useSpringFade"
  // taken from https://github.com/artsy/eigen/blob/0831853cb574566415f3bd8b3908b26b61f61eec/Artsy/View_Controllers/Util/ARNavigationController.m#L125
  const CLOSE_BUTTON_MARGIN = 12
  export const ImageCarouselCloseButton: React.FC<{ onClose(): void }> = observer(({ onClose }) => {
  - const opacity = useSpringFade("in")
  + const {
  + state: { fullScreenState },
  + } = useContext(ImageCarouselContext)
  + const showCloseButton = fullScreenState === "entered" || fullScreenState === "animating entry transition"
  return (
  <View
  style={{
  @@ -30,11 +33,11 @@ export const ImageCarouselCloseButton: React.FC<{ onClose(): void }> = observer(
  paddingBottom: 20,
  }}
  >
  - <Animated.View
  + <View
  style={[
  boxShadow,
  {
  - opacity,
  + opacity: showCloseButton ? 1 : 0,
  width: 40,
  height: 40,
  borderRadius: 20,
  @@ -45,7 +48,7 @@ export const ImageCarouselCloseButton: React.FC<{ onClose(): void }> = observer(
  ]}
  >
  <CloseIcon />
  - </Animated.View>
  + </View>
  </View>
  </TouchableOpacity>
  </View>
  