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 hackfixzio/stable
parent
705f9b61ef
commit
0d960c58ba
|
@ -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]}>
|
||||||
|
|
|
@ -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(
|
||||||
|
|
|
@ -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',
|
||||||
|
},
|
||||||
|
})
|
Loading…
Reference in New Issue