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

Switch to autogenerated avis for now

Browse source
This commit is contained in:
Paul Frazee 2022-10-31 17:23:47 -05:00
parent eceef67d46
commit fd6a2b1b40
14 changed files with 186 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -13,9 +13,9 @@ import {
FollowerItem,
} from '../../../state/models/user-followers-view'
import {Link} from '../util/Link'
import {UserAvatar} from '../util/UserAvatar'
import {useStores} from '../../../state'
import {s, colors} from '../../lib/styles'
import {DEF_AVATER} from '../../lib/assets'
export const ProfileFollowers = observer(function ProfileFollowers({
name,
@ -81,7 +81,11 @@ const User = ({item}: {item: FollowerItem}) => {
<Link style={styles.outer} href={`/profile/${item.name}`} title={item.name}>
<View style={styles.layout}>
<View style={styles.layoutAvi}>
<Image style={styles.avi} source={DEF_AVATER} />
<UserAvatar
size={40}
displayName={item.displayName}
name={item.name}
/>
</View>
<View style={styles.layoutContent}>
<Text style={[s.f15, s.bold]}>{item.displayName}</Text>
@ -106,12 +110,6 @@ const styles = StyleSheet.create({
paddingTop: 10,
paddingBottom: 10,
},
avi: {
width: 40,
height: 40,
borderRadius: 20,
resizeMode: 'cover',
},
layoutContent: {
flex: 1,
paddingRight: 10,

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

@ -14,8 +14,8 @@ import {
} from '../../../state/models/user-follows-view'
import {useStores} from '../../../state'
import {Link} from '../util/Link'
import {UserAvatar} from '../util/UserAvatar'
import {s, colors} from '../../lib/styles'
import {DEF_AVATER} from '../../lib/assets'
export const ProfileFollows = observer(function ProfileFollows({
name,
@ -81,7 +81,11 @@ const User = ({item}: {item: FollowItem}) => {
<Link style={styles.outer} href={`/profile/${item.name}`} title={item.name}>
<View style={styles.layout}>
<View style={styles.layoutAvi}>
<Image style={styles.avi} source={DEF_AVATER} />
<UserAvatar
size={40}
displayName={item.displayName}
name={item.name}
/>
</View>
<View style={styles.layoutContent}>
<Text style={[s.f15, s.bold]}>{item.displayName}</Text>

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

@ -15,8 +15,9 @@ import {useStores} from '../../../state'
import {EditProfileModel} from '../../../state/models/shell'
import {pluralize} from '../../lib/strings'
import {s, gradients, colors} from '../../lib/styles'
import {DEF_AVATER, BANNER} from '../../lib/assets'
import {BANNER} from '../../lib/assets'
import Toast from '../util/Toast'
import {UserAvatar} from '../util/UserAvatar'
import {Link} from '../util/Link'
export const ProfileHeader = observer(function ProfileHeader({
@ -81,7 +82,9 @@ export const ProfileHeader = observer(function ProfileHeader({
return (
<View style={styles.outer}>
<Image style={styles.banner} source={BANNER} />
<Image style={styles.avi} source={DEF_AVATER} />
<View style={styles.avi}>
<UserAvatar size={80} displayName={view.displayName} name={view.name} />
</View>
<View style={styles.content}>
<View style={[styles.displayNameLine]}>
<Text style={styles.displayName}>{view.displayName}</Text>
@ -178,12 +181,12 @@ const styles = StyleSheet.create({
position: 'absolute',
top: 80,
left: 10,
width: 80,
height: 80,
borderRadius: 40,
resizeMode: 'cover',
width: 84,
height: 84,
borderRadius: 42,
borderWidth: 2,
borderColor: colors.white,
backgroundColor: colors.white,
},
content: {
paddingTop: 8,