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

Wrap all <Text> in a helper that ensures black color is applied by default

Browse source
This commit is contained in:
Paul Frazee 2022-12-20 12:49:44 -06:00
parent 74d76fbc6a
commit abcfc11fe0
54 changed files with 110 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/view/com/profile/ProfileCard.tsx
View file

@ -1,6 +1,7 @@
import React from 'react'
import {StyleSheet, Text, TouchableOpacity, View} from 'react-native'
import {StyleSheet, TouchableOpacity, View} from 'react-native'
import {Link} from '../util/Link'
import {Text} from '../util/Text'
import {UserAvatar} from '../util/UserAvatar'
import {s, colors} from '../../lib/styles'
@ -35,7 +36,7 @@ export function ProfileCard({
/>
</View>
<View style={styles.layoutContent}>
<Text style={[s.f16, s.bold]} numberOfLines={1}>
<Text style={[s.f16, s.bold, s.black]} numberOfLines={1}>
{displayName || handle}
</Text>
<Text style={[s.f15, s.gray5]} numberOfLines={1}>

7
src/view/com/profile/ProfileFollowers.tsx
View file

@ -1,11 +1,12 @@
import React, {useState, useEffect} from 'react'
import {observer} from 'mobx-react-lite'
import {ActivityIndicator, FlatList, StyleSheet, Text, View} from 'react-native'
import {ActivityIndicator, FlatList, StyleSheet, View} from 'react-native'
import {
UserFollowersViewModel,
FollowerItem,
} from '../../../state/models/user-followers-view'
import {Link} from '../util/Link'
import {Text} from '../util/Text'
import {ErrorMessage} from '../util/ErrorMessage'
import {UserAvatar} from '../util/UserAvatar'
import {useStores} from '../../../state'
@ -96,7 +97,9 @@ const User = ({item}: {item: FollowerItem}) => {
/>
</View>
<View style={styles.layoutContent}>
<Text style={[s.f15, s.bold]}>{item.displayName || item.handle}</Text>
<Text style={[s.f15, s.bold, s.black]}>
{item.displayName || item.handle}
</Text>
<Text style={[s.f14, s.gray5]}>@{item.handle}</Text>
</View>
</View>

7
src/view/com/profile/ProfileFollows.tsx
View file

@ -1,12 +1,13 @@
import React, {useState, useEffect} from 'react'
import {observer} from 'mobx-react-lite'
import {ActivityIndicator, FlatList, StyleSheet, Text, View} from 'react-native'
import {ActivityIndicator, FlatList, StyleSheet, View} from 'react-native'
import {
UserFollowsViewModel,
FollowItem,
} from '../../../state/models/user-follows-view'
import {useStores} from '../../../state'
import {Link} from '../util/Link'
import {Text} from '../util/Text'
import {ErrorMessage} from '../util/ErrorMessage'
import {UserAvatar} from '../util/UserAvatar'
import {s, colors} from '../../lib/styles'
@ -96,7 +97,9 @@ const User = ({item}: {item: FollowItem}) => {
/>
</View>
<View style={styles.layoutContent}>
<Text style={[s.f15, s.bold]}>{item.displayName || item.handle}</Text>
<Text style={[s.f15, s.bold, s.black]}>
{item.displayName || item.handle}
</Text>
<Text style={[s.f14, s.gray5]}>@{item.handle}</Text>
</View>
</View>

4
src/view/com/profile/ProfileHeader.tsx
View file

@ -1,6 +1,6 @@
import React, {useMemo} from 'react'
import {observer} from 'mobx-react-lite'
import {StyleSheet, Text, TouchableOpacity, View} from 'react-native'
import {StyleSheet, TouchableOpacity, View} from 'react-native'
import LinearGradient from 'react-native-linear-gradient'
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
import {AtUri} from '../../../third-party/uri'
@ -19,6 +19,7 @@ import {getGradient} from '../../lib/asset-gen'
import {DropdownBtn, DropdownItem} from '../util/DropdownBtn'
import * as Toast from '../util/Toast'
import {LoadingPlaceholder} from '../util/LoadingPlaceholder'
import {Text} from '../util/Text'
import {RichText} from '../util/RichText'
import {UserAvatar} from '../util/UserAvatar'
import {UserBanner} from '../util/UserBanner'
@ -408,6 +409,7 @@ const styles = StyleSheet.create({
marginBottom: 8,
fontSize: 16,
lineHeight: 20.8, // 1.3 of 16px
color: colors.black,
},
relationshipsLine: {