diff options
author | Samuel Newman <mozzius@protonmail.com> | 2024-05-31 07:05:52 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-05-31 05:05:52 +0100 |
commit | 8569e2e389e756ec2df6c547e894689500d1c111 (patch) | |
tree | 23891ddb375fd5d9e97e24286ac11fc8bd24914e /src/view/com/posts/FeedItem.tsx | |
parent | 9879159438b9deec811f30f07f41839321495f73 (diff) | |
download | voidsky-8569e2e389e756ec2df6c547e894689500d1c111.tar.zst |
Add follow button to feed item avatar (#3560)
* add follow button to feed item avatar * remove confirmation * add confirmation (just system alert) * Shrink the avi follow indicator a smidge * gate the follow button * remove from your own posts * add to post thread item * hide the follow button locally to component * Use native dropdown * Add follow btn to notifications and search * UI tweaks * Hide on PWI * Add toast for confirmation * Check gate last * compiler * Rm unused * Use names --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com> Co-authored-by: Eric Bailey <git@esb.lol> Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
Diffstat (limited to 'src/view/com/posts/FeedItem.tsx')
-rw-r--r-- | src/view/com/posts/FeedItem.tsx | 21 |
1 files changed, 14 insertions, 7 deletions
diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx index 8077c2968..b10ffe19f 100644 --- a/src/view/com/posts/FeedItem.tsx +++ b/src/view/com/posts/FeedItem.tsx @@ -41,6 +41,7 @@ import {PostEmbeds} from '../util/post-embeds' import {PostMeta} from '../util/PostMeta' import {Text} from '../util/text/Text' import {PreviewableUserAvatar} from '../util/UserAvatar' +import {AviFollowButton} from './AviFollowButton' interface FeedItemProps { record: AppBskyFeedPost.Record @@ -284,13 +285,15 @@ let FeedItemInner = ({ <View style={styles.layout}> <View style={styles.layoutAvi}> - <PreviewableUserAvatar - size={52} - profile={post.author} - moderation={moderation.ui('avatar')} - type={post.author.associated?.labeler ? 'labeler' : 'user'} - onBeforePress={onOpenAuthor} - /> + <AviFollowButton author={post.author} moderation={moderation}> + <PreviewableUserAvatar + size={52} + profile={post.author} + moderation={moderation.ui('avatar')} + type={post.author.associated?.labeler ? 'labeler' : 'user'} + onBeforePress={onOpenAuthor} + /> + </AviFollowButton> {isThreadParent && ( <View style={[ @@ -470,9 +473,13 @@ const styles = StyleSheet.create({ }, layoutAvi: { paddingLeft: 8, + position: 'relative', + zIndex: 999, }, layoutContent: { + position: 'relative', flex: 1, + zIndex: 0, }, alert: { marginTop: 6, |