zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Fixes to dark mode (#238)

Browse source
This commit is contained in:
Paul Frazee 2023-03-01 10:35:56 -06:00 • committed by GitHub
parent d054b1baf8
commit df712a89d3
6 changed files with 29 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/view/com/modals/EditProfile.tsx
View file

@ -106,7 +106,7 @@ export function Component({
}
return (
<View style={s.flex1}>
<View style={[s.flex1, pal.view]}>
<ScrollView style={styles.inner}>
<Text style={[styles.title, pal.text]}>Edit my profile</Text>
<View style={styles.photos}>
@ -130,7 +130,7 @@ export function Component({
</View>
)}
<View>
<Text style={styles.label}>Display Name</Text>
<Text style={[styles.label, pal.text]}>Display Name</Text>
<TextInput
style={[styles.textInput, pal.text]}
placeholder="e.g. Alice Roberts"

9
src/view/com/modals/ReportAccount.tsx
View file

@ -14,6 +14,7 @@ import {Text} from '../util/text/Text'
import * as Toast from '../util/Toast'
import {ErrorMessage} from '../util/error/ErrorMessage'
import {cleanError} from 'lib/strings/errors'
import {usePalette} from 'lib/hooks/usePalette'
const ITEMS: RadioGroupItem[] = [
{key: 'spam', label: 'Spam or excessive repeat posts'},
@ -25,6 +26,7 @@ export const snapPoints = ['50%']
export function Component({did}: {did: string}) {
const store = useStores()
const pal = usePalette('default')
const [isProcessing, setIsProcessing] = useState<boolean>(false)
const [error, setError] = useState<string>('')
const [issue, setIssue] = useState<string>('')
@ -59,9 +61,9 @@ export function Component({did}: {did: string}) {
}
}
return (
<View style={[s.flex1, s.pl10, s.pr10]}>
<Text style={styles.title}>Report account</Text>
<Text style={styles.description}>
<View style={[s.flex1, s.pl10, s.pr10, pal.view]}>
<Text style={[pal.text, styles.title]}>Report account</Text>
<Text style={[pal.textLight, styles.description]}>
What is the issue with this account?
</Text>
<RadioGroup items={ITEMS} onSelect={onSelectIssue} />
@ -100,7 +102,6 @@ const styles = StyleSheet.create({
textAlign: 'center',
fontSize: 17,
paddingHorizontal: 22,
color: colors.gray5,
marginBottom: 10,
},
btn: {

11
src/view/com/modals/ReportPost.tsx
View file

@ -14,6 +14,7 @@ import {Text} from '../util/text/Text'
import * as Toast from '../util/Toast'
import {ErrorMessage} from '../util/error/ErrorMessage'
import {cleanError} from 'lib/strings/errors'
import {usePalette} from 'lib/hooks/usePalette'
const ITEMS: RadioGroupItem[] = [
{key: 'spam', label: 'Spam or excessive repeat posts'},
@ -32,6 +33,7 @@ export function Component({
postCid: string
}) {
const store = useStores()
const pal = usePalette('default')
const [isProcessing, setIsProcessing] = useState<boolean>(false)
const [error, setError] = useState<string>('')
const [issue, setIssue] = useState<string>('')
@ -67,9 +69,11 @@ export function Component({
}
}
return (
<View style={[s.flex1, s.pl10, s.pr10]}>
<Text style={styles.title}>Report post</Text>
<Text style={styles.description}>What is the issue with this post?</Text>
<View style={[s.flex1, s.pl10, s.pr10, pal.view]}>
<Text style={[pal.text, styles.title]}>Report post</Text>
<Text style={[pal.textLight, styles.description]}>
What is the issue with this post?
</Text>
<RadioGroup items={ITEMS} onSelect={onSelectIssue} />
{error ? (
<View style={s.mt10}>
@ -106,7 +110,6 @@ const styles = StyleSheet.create({
textAlign: 'center',
fontSize: 17,
paddingHorizontal: 22,
color: colors.gray5,
marginBottom: 10,
},
btn: {