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

18
src/view/com/post-thread/PostLikedBy.tsx
View file

@ -1,22 +1,14 @@
import React, {useState, useEffect} from 'react'
import {observer} from 'mobx-react-lite'
import {
ActivityIndicator,
FlatList,
Image,
StyleSheet,
Text,
TouchableOpacity,
View,
} from 'react-native'
import {ActivityIndicator, FlatList, StyleSheet, Text, View} from 'react-native'
import {
LikedByViewModel,
LikedByViewItemModel,
} from '../../../state/models/liked-by-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 PostLikedBy = observer(function PostLikedBy({uri}: {uri: string}) {
const store = useStores()
@ -78,7 +70,11 @@ const LikedByItem = ({item}: {item: LikedByViewItemModel}) => {
<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>

8
src/view/com/post-thread/PostRepostedBy.tsx
View file

@ -12,10 +12,10 @@ import {
RepostedByViewModel,
RepostedByViewItemModel,
} from '../../../state/models/reposted-by-view'
import {UserAvatar} from '../util/UserAvatar'
import {Link} from '../util/Link'
import {useStores} from '../../../state'
import {s, colors} from '../../lib/styles'
import {DEF_AVATER} from '../../lib/assets'
export const PostRepostedBy = observer(function PostRepostedBy({
uri,
@ -83,7 +83,11 @@ const RepostedByItem = ({item}: {item: RepostedByViewItemModel}) => {
<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>

20
src/view/com/post-thread/PostThreadItem.tsx
View file

@ -10,9 +10,9 @@ import {ComposePostModel} from '../../../state/models/shell'
import {Link} from '../util/Link'
import {RichText} from '../util/RichText'
import {PostDropdownBtn} from '../util/DropdownBtn'
import {UserAvatar} from '../util/UserAvatar'
import {s, colors} from '../../lib/styles'
import {ago, pluralize} from '../../lib/strings'
import {DEF_AVATER} from '../../lib/assets'
import {useStores} from '../../../state'
const PARENT_REPLY_LINE_LENGTH = 8
@ -116,7 +116,11 @@ export const PostThreadItem = observer(function PostThreadItem({
<View style={styles.outer}>
<View style={styles.layout}>
<Link style={styles.layoutAvi} href={authorHref} title={authorTitle}>
<Image style={styles.avi} source={DEF_AVATER} />
<UserAvatar
size={50}
displayName={item.author.displayName}
name={item.author.name}
/>
</Link>
<View style={styles.layoutContent}>
<View style={[styles.meta, s.mt5]}>
@ -231,7 +235,11 @@ export const PostThreadItem = observer(function PostThreadItem({
)}
<View style={styles.layout}>
<Link style={styles.layoutAvi} href={authorHref} title={authorTitle}>
<Image style={styles.avi} source={DEF_AVATER} />
<UserAvatar
size={50}
displayName={item.author.displayName}
name={item.author.name}
/>
</Link>
<View style={styles.layoutContent}>
{item.replyingToAuthor &&
@ -321,12 +329,6 @@ const styles = StyleSheet.create({
paddingTop: 10,
paddingBottom: 10,
},
avi: {
width: 50,
height: 50,
borderRadius: 25,
resizeMode: 'cover',
},
layoutContent: {
flex: 1,
paddingRight: 10,