diff --git a/src/view/com/modals/report/InputIssueDetails.tsx b/src/view/com/modals/report/InputIssueDetails.tsx
index 2f701b79..2bc86f75 100644
--- a/src/view/com/modals/report/InputIssueDetails.tsx
+++ b/src/view/com/modals/report/InputIssueDetails.tsx
@@ -42,7 +42,8 @@ export function InputIssueDetails({
accessibilityHint="Add more details to your report">
- Back
+ {' '}
+ Back
diff --git a/src/view/com/modals/report/Modal.tsx b/src/view/com/modals/report/Modal.tsx
index 60c3f06b..afd0d417 100644
--- a/src/view/com/modals/report/Modal.tsx
+++ b/src/view/com/modals/report/Modal.tsx
@@ -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()
- const [issue, setIssue] = useState()
- const [details, setDetails] = useState()
+ const [error, setError] = useState('')
+ const [issue, setIssue] = useState('')
+ const [details, setDetails] = useState('')
const isAccountReport = 'did' in content
const subjectKey = isAccountReport ? content.did : content.uri
const atUri = useMemo(
diff --git a/src/view/com/util/BlurView.android.tsx b/src/view/com/util/BlurView.android.tsx
new file mode 100644
index 00000000..eee1d9d8
--- /dev/null
+++ b/src/view/com/util/BlurView.android.tsx
@@ -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) => {
+ 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',
+ },
+})