Skip to content

Commit

Permalink
Disable BlurView on android (#2351)
Browse files Browse the repository at this point in the history
* A couple of small tweaks

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

* Disable to blurview on android

* Remove hackfix
  • Loading branch information
pfrazee authored Dec 28, 2023
1 parent 705f9b6 commit 0d960c5
Show file tree
Hide file tree
Showing 3 changed files with 35 additions and 4 deletions.
3 changes: 2 additions & 1 deletion src/view/com/modals/report/InputIssueDetails.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,8 @@ export function InputIssueDetails({
accessibilityHint="Add more details to your report">
<FontAwesomeIcon size={18} icon="angle-left" style={[pal.link]} />
<Text style={[pal.text, s.f18, pal.link]}>
<Trans> Back</Trans>
{' '}
<Trans>Back</Trans>
</Text>
</TouchableOpacity>
<View style={[pal.btn, styles.detailsInputContainer]}>
Expand Down
6 changes: 3 additions & 3 deletions src/view/com/modals/report/Modal.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -44,9 +44,9 @@ export function Component(content: ReportComponentProps) {
const {isMobile} = useWebMediaQueries()
const [isProcessing, setIsProcessing] = useState(false)
const [showDetailsInput, setShowDetailsInput] = useState(false)
const [error, setError] = useState<string>()
const [issue, setIssue] = useState<string>()
const [details, setDetails] = useState<string>()
const [error, setError] = useState<string>('')
const [issue, setIssue] = useState<string>('')
const [details, setDetails] = useState<string>('')
const isAccountReport = 'did' in content
const subjectKey = isAccountReport ? content.did : content.uri
const atUri = useMemo(
Expand Down
30 changes: 30 additions & 0 deletions src/view/com/util/BlurView.android.tsx
Original file line number Diff line number Diff line change
@@ -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',
},
})

0 comments on commit 0d960c5

Please sign in to comment.