From 101d1589bfdc12e38284b546e57a8ec5f0ee140d Mon Sep 17 00:00:00 2001 From: Hailey Date: Thu, 4 Apr 2024 18:30:32 -0700 Subject: 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 --- src/screens/Profile/Header/Shell.tsx | 25 +++++++++++------------- src/view/com/util/BlurView.android.tsx | 30 ----------------------------- src/view/com/util/BlurView.tsx | 1 - src/view/com/util/BlurView.web.tsx | 35 ---------------------------------- 4 files changed, 11 insertions(+), 80 deletions(-) delete mode 100644 src/view/com/util/BlurView.android.tsx delete mode 100644 src/view/com/util/BlurView.tsx delete mode 100644 src/view/com/util/BlurView.web.tsx (limited to 'src') 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=""> - - - + )} 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) => { - if (blurType === 'dark') { - style = addStyle(style, styles.dark) - } else { - style = addStyle(style, styles.light) - } - return -} - -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) => { - // @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 -} - -const styles = StyleSheet.create({ - dark: { - backgroundColor: '#0008', - }, - light: { - backgroundColor: '#fff8', - }, -}) -- cgit 1.4.1