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

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}>
<Link href={authorHref} title={authorTitle}>
<UserAvatar <UserAvatar
size={50} size={50}
displayName={item.author.displayName} displayName={item.author.displayName}
handle={item.author.handle} 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}>
<Link href={authorHref} title={authorTitle}>
<UserAvatar <UserAvatar
size={50} size={50}
displayName={item.author.displayName} displayName={item.author.displayName}
handle={item.author.handle} handle={item.author.handle}
/> />
</Link> </Link>
</View>
<View style={styles.layoutContent}> <View style={styles.layoutContent}>
<PostMeta <PostMeta
itemHref={itemHref} itemHref={itemHref}

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}>
<Link href={authorHref} title={authorTitle}>
<UserAvatar <UserAvatar
size={50} size={50}
displayName={item.author.displayName} displayName={item.author.displayName}
handle={item.author.handle} handle={item.author.handle}
/> />
</Link> </Link>
</View>
<View style={styles.layoutContent}> <View style={styles.layoutContent}>
<PostMeta <PostMeta
itemHref={itemHref} itemHref={itemHref}

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}
title={item.author.handle}>
<UserAvatar <UserAvatar
size={50} size={50}
displayName={item.author.displayName} displayName={item.author.displayName}
handle={item.author.handle} handle={item.author.handle}
/> />
</Link> </Link>
</View>
<View style={styles.layoutContent}> <View style={styles.layoutContent}>
<PostMeta <PostMeta
itemHref={itemHref} itemHref={itemHref}