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

Fix copy and dark mode styles in the home feed preferences (#915)

zio/stable
Paul Frazee 2023-06-27 15:00:00 -05:00 committed by GitHub
parent 0921dd4335
commit dce80be075
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/view/com/modals/PreferencesHomeFeed.tsx
View File

@ -14,14 +14,15 @@ export const snapPoints = ['90%']
function RepliesThresholdInput({enabled}: {enabled: boolean}) { function RepliesThresholdInput({enabled}: {enabled: boolean}) {
const store = useStores() const store = useStores()
const pal = usePalette('default')
const [value, setValue] = useState(store.preferences.homeFeedRepliesThreshold) const [value, setValue] = useState(store.preferences.homeFeedRepliesThreshold)
return ( return (
<View style={[s.mt10, !enabled && styles.dimmed]}> <View style={[s.mt10, !enabled && styles.dimmed]}>
<Text type="xs"> <Text type="xs" style={pal.text}>
{value === 0 {value === 0
? `Show all replies` ? `Show all replies`
: `Show replies with greater than ${value} ${ : `Show replies with at least ${value} ${
value > 1 ? `likes` : `like` value > 1 ? `likes` : `like`
}`} }`}
</Text> </Text>
@ -61,11 +62,11 @@ export const Component = observer(function Component() {
<ScrollView> <ScrollView>
<View style={styles.cardsContainer}> <View style={styles.cardsContainer}>
<View style={[styles.card]}> <View style={[pal.viewLight, styles.card]}>
<Text type="title-sm" style={[s.pb5]}> <Text type="title-sm" style={[pal.text, s.pb5]}>
Show Replies Show Replies
</Text> </Text>
<Text style={[s.pb10]}> <Text style={[pal.text, s.pb10]}>
Adjust the number of likes a reply must have to be shown in your Adjust the number of likes a reply must have to be shown in your
feed. feed.
</Text> </Text>
@ -81,12 +82,12 @@ export const Component = observer(function Component() {
/> />
</View> </View>
<View style={[styles.card]}> <View style={[pal.viewLight, styles.card]}>
<Text type="title-sm" style={[s.pb5]}> <Text type="title-sm" style={[pal.text, s.pb5]}>
Show Reposts Show Reposts
</Text> </Text>
<Text style={[s.pb10]}> <Text style={[pal.text, s.pb10]}>
Disable this setting to hide all reposts from your feed. Set this setting to "No" to hide all reposts from your feed.
</Text> </Text>
<ToggleButton <ToggleButton
type="default-light" type="default-light"
@ -96,12 +97,12 @@ export const Component = observer(function Component() {
/> />
</View> </View>
<View style={[styles.card]}> <View style={[pal.viewLight, styles.card]}>
<Text type="title-sm" style={[s.pb5]}> <Text type="title-sm" style={[pal.text, s.pb5]}>
Show Quote Posts Show Quote Posts
</Text> </Text>
<Text style={[s.pb10]}> <Text style={[pal.text, s.pb10]}>
Disable this setting to hide all quote posts from your feed. Set this setting to "No" to hide all quote posts from your feed.
Reposts will still be visible. Reposts will still be visible.
</Text> </Text>
<ToggleButton <ToggleButton
@ -153,7 +154,6 @@ const styles = StyleSheet.create({
}, },
card: { card: {
padding: 16, padding: 16,
backgroundColor: s.gray1.color,
borderRadius: 10, borderRadius: 10,
marginBottom: 20, marginBottom: 20,
}, },