Bump some Expo package, remove unused packages to prepare for migration (#3415)

* bump some package versions

* remove completely unused packages

* remove blurview

* update yarn.lock

4 files changed, 11 insertions, 80 deletions

diff --git a/src/screens/Profile/Header/Shell.tsx b/src/screens/Profile/Header/Shell.tsx
index c470cb286..c6063591c 100644
--- a/src/screens/Profile/Header/Shell.tsx
+++ b/src/screens/Profile/Header/Shell.tsx
@@ -1,23 +1,22 @@
 import React, {memo} from 'react'
 import {StyleSheet, TouchableWithoutFeedback, View} from 'react-native'
-import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
-import {useNavigation} from '@react-navigation/native'
 import {AppBskyActorDefs, ModerationDecision} from '@atproto/api'
+import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
-import {NavigationProp} from 'lib/routes/types'
-import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
-import {BACK_HITSLOP} from 'lib/constants'
-import {useSession} from '#/state/session'
-import {Shadow} from '#/state/cache/types'
-import {useLightboxControls, ProfileImageLightbox} from '#/state/lightbox'
+import {useNavigation} from '@react-navigation/native'
 
-import {atoms as a, useTheme} from '#/alf'
-import {LabelsOnMe} from '#/components/moderation/LabelsOnMe'
-import {BlurView} from 'view/com/util/BlurView'
+import {Shadow} from '#/state/cache/types'
+import {ProfileImageLightbox, useLightboxControls} from '#/state/lightbox'
+import {useSession} from '#/state/session'
+import {BACK_HITSLOP} from 'lib/constants'
+import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
+import {NavigationProp} from 'lib/routes/types'
 import {LoadingPlaceholder} from 'view/com/util/LoadingPlaceholder'
 import {UserAvatar} from 'view/com/util/UserAvatar'
 import {UserBanner} from 'view/com/util/UserBanner'
+import {atoms as a, useTheme} from '#/alf'
+import {LabelsOnMe} from '#/components/moderation/LabelsOnMe'
 import {ProfileHeaderAlerts} from '#/components/moderation/ProfileHeaderAlerts'
 
 interface Props {
@@ -97,9 +96,7 @@ let ProfileHeaderShell = ({
           accessibilityLabel={_(msg`Back`)}
           accessibilityHint="">
           <View style={styles.backBtnWrapper}>
-            <BlurView style={styles.backBtn} blurType="dark">
-              <FontAwesomeIcon size={18} icon="angle-left" color="white" />
-            </BlurView>
+            <FontAwesomeIcon size={18} icon="angle-left" color="white" />
           </View>
         </TouchableWithoutFeedback>
       )}
diff --git a/src/view/com/util/BlurView.android.tsx b/src/view/com/util/BlurView.android.tsx
deleted file mode 100644
index eee1d9d86..000000000
--- a/src/view/com/util/BlurView.android.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react'
-import {StyleSheet, View, ViewProps} from 'react-native'
-import {addStyle} from 'lib/styles'
-
-type BlurViewProps = ViewProps & {
-  blurType?: 'dark' | 'light'
-  blurAmount?: number
-}
-
-export const BlurView = ({
-  style,
-  blurType,
-  ...props
-}: React.PropsWithChildren<BlurViewProps>) => {
-  if (blurType === 'dark') {
-    style = addStyle(style, styles.dark)
-  } else {
-    style = addStyle(style, styles.light)
-  }
-  return <View style={style} {...props} />
-}
-
-const styles = StyleSheet.create({
-  dark: {
-    backgroundColor: '#0008',
-  },
-  light: {
-    backgroundColor: '#fff8',
-  },
-})
diff --git a/src/view/com/util/BlurView.tsx b/src/view/com/util/BlurView.tsx
deleted file mode 100644
index 66b41cc26..000000000
--- a/src/view/com/util/BlurView.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export {BlurView} from '@react-native-community/blur'
diff --git a/src/view/com/util/BlurView.web.tsx b/src/view/com/util/BlurView.web.tsx
deleted file mode 100644
index d1fb4665f..000000000
--- a/src/view/com/util/BlurView.web.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react'
-import {StyleSheet, View, ViewProps} from 'react-native'
-import {addStyle} from 'lib/styles'
-
-type BlurViewProps = ViewProps & {
-  blurType?: 'dark' | 'light'
-  blurAmount?: number
-}
-
-export const BlurView = ({
-  style,
-  blurType,
-  blurAmount,
-  ...props
-}: React.PropsWithChildren<BlurViewProps>) => {
-  // @ts-ignore using an RNW-specific attribute here -prf
-  let blur = `blur(${blurAmount || 10}px`
-  // @ts-ignore using an RNW-specific attribute here -prf
-  style = addStyle(style, {backdropFilter: blur, WebkitBackdropFilter: blur})
-  if (blurType === 'dark') {
-    style = addStyle(style, styles.dark)
-  } else {
-    style = addStyle(style, styles.light)
-  }
-  return <View style={style} {...props} />
-}
-
-const styles = StyleSheet.create({
-  dark: {
-    backgroundColor: '#0008',
-  },
-  light: {
-    backgroundColor: '#fff8',
-  },
-})