Disable BlurView on android (#2351)

* A couple of small tweaks

* Force the UI to re-render by setting a key

* Disable to blurview on android

* Remove hackfix
zio/stable
Paul Frazee 2023-12-28 15:46:37 -08:00 committed by GitHub
parent 705f9b61ef
commit 0d960c58ba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 35 additions and 4 deletions

View File

@ -42,7 +42,8 @@ export function InputIssueDetails({
accessibilityHint="Add more details to your report"> accessibilityHint="Add more details to your report">
<FontAwesomeIcon size={18} icon="angle-left" style={[pal.link]} /> <FontAwesomeIcon size={18} icon="angle-left" style={[pal.link]} />
<Text style={[pal.text, s.f18, pal.link]}> <Text style={[pal.text, s.f18, pal.link]}>
<Trans> Back</Trans> {' '}
<Trans>Back</Trans>
</Text> </Text>
</TouchableOpacity> </TouchableOpacity>
<View style={[pal.btn, styles.detailsInputContainer]}> <View style={[pal.btn, styles.detailsInputContainer]}>

View File

@ -44,9 +44,9 @@ export function Component(content: ReportComponentProps) {
const {isMobile} = useWebMediaQueries() const {isMobile} = useWebMediaQueries()
const [isProcessing, setIsProcessing] = useState(false) const [isProcessing, setIsProcessing] = useState(false)
const [showDetailsInput, setShowDetailsInput] = useState(false) const [showDetailsInput, setShowDetailsInput] = useState(false)
const [error, setError] = useState<string>() const [error, setError] = useState<string>('')
const [issue, setIssue] = useState<string>() const [issue, setIssue] = useState<string>('')
const [details, setDetails] = useState<string>() const [details, setDetails] = useState<string>('')
const isAccountReport = 'did' in content const isAccountReport = 'did' in content
const subjectKey = isAccountReport ? content.did : content.uri const subjectKey = isAccountReport ? content.did : content.uri
const atUri = useMemo( const atUri = useMemo(

View File

@ -0,0 +1,30 @@
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',
},
})