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

Fix avatar click target in posts

zio/stable
Paul Frazee 2022-11-18 10:48:18 -06:00
parent 89e7a99292
commit ff68e5b85a
3 changed files with 36 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/view/com/post-thread/PostThreadItem.tsx
View File

@ -99,13 +99,15 @@ export const PostThreadItem = observer(function PostThreadItem({
return ( return (
<View style={styles.outer}> <View style={styles.outer}>
<View style={styles.layout}> <View style={styles.layout}>
<Link style={styles.layoutAvi} href={authorHref} title={authorTitle}> <View style={styles.layoutAvi}>
<UserAvatar <Link href={authorHref} title={authorTitle}>
size={50} <UserAvatar
displayName={item.author.displayName} size={50}
handle={item.author.handle} displayName={item.author.displayName}
/> handle={item.author.handle}
</Link> />
</Link>
</View>
<View style={styles.layoutContent}> <View style={styles.layoutContent}>
<View style={[styles.meta, {paddingTop: 5, paddingBottom: 0}]}> <View style={[styles.meta, {paddingTop: 5, paddingBottom: 0}]}>
<Link <Link
@ -255,13 +257,15 @@ export const PostThreadItem = observer(function PostThreadItem({
</View> </View>
)} )}
<View style={styles.layout}> <View style={styles.layout}>
<Link style={styles.layoutAvi} href={authorHref} title={authorTitle}> <View style={styles.layoutAvi}>
<UserAvatar <Link href={authorHref} title={authorTitle}>
size={50} <UserAvatar
displayName={item.author.displayName} size={50}
handle={item.author.handle} displayName={item.author.displayName}
/> handle={item.author.handle}
</Link> />
</Link>
</View>
<View style={styles.layoutContent}> <View style={styles.layoutContent}>
<PostMeta <PostMeta
itemHref={itemHref} itemHref={itemHref}

16
src/view/com/post/Post.tsx
View File

@ -110,13 +110,15 @@ export const Post = observer(function Post({uri}: {uri: string}) {
return ( return (
<Link style={styles.outer} href={itemHref} title={itemTitle}> <Link style={styles.outer} href={itemHref} title={itemTitle}>
<View style={styles.layout}> <View style={styles.layout}>
<Link style={styles.layoutAvi} href={authorHref} title={authorTitle}> <View style={styles.layoutAvi}>
<UserAvatar <Link href={authorHref} title={authorTitle}>
size={50} <UserAvatar
displayName={item.author.displayName} size={50}
handle={item.author.handle} displayName={item.author.displayName}
/> handle={item.author.handle}
</Link> />
</Link>
</View>
<View style={styles.layoutContent}> <View style={styles.layoutContent}>
<PostMeta <PostMeta
itemHref={itemHref} itemHref={itemHref}

19
src/view/com/posts/FeedItem.tsx
View File

@ -107,16 +107,15 @@ export const FeedItem = observer(function FeedItem({
</Link> </Link>
)} )}
<View style={styles.layout}> <View style={styles.layout}>
<Link <View style={styles.layoutAvi}>
style={styles.layoutAvi} <Link href={authorHref} title={item.author.handle}>
href={authorHref} <UserAvatar
title={item.author.handle}> size={50}
<UserAvatar displayName={item.author.displayName}
size={50} handle={item.author.handle}
displayName={item.author.displayName} />
handle={item.author.handle} </Link>
/> </View>
</Link>
<View style={styles.layoutContent}> <View style={styles.layoutContent}>
<PostMeta <PostMeta
itemHref={itemHref} itemHref={itemHref}