diff options
Diffstat (limited to 'src/view/com')
-rw-r--r-- | src/view/com/util/BlurView.android.tsx | 30 | ||||
-rw-r--r-- | src/view/com/util/BlurView.tsx | 1 | ||||
-rw-r--r-- | src/view/com/util/BlurView.web.tsx | 35 |
3 files changed, 0 insertions, 66 deletions
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', - }, -}) |