This commit is contained in:
Minseo Lee
2024-06-11 21:31:53 +09:00
parent 808dd3569d
commit 4ee79bce32
2 changed files with 79 additions and 51 deletions
+8
View File
@@ -15,6 +15,7 @@ import {useQueryClient} from '@tanstack/react-query'
import {moderatePost_wrapped as moderatePost} from '#/lib/moderatePost_wrapped' import {moderatePost_wrapped as moderatePost} from '#/lib/moderatePost_wrapped'
import {POST_TOMBSTONE, Shadow, usePostShadow} from '#/state/cache/post-shadow' import {POST_TOMBSTONE, Shadow, usePostShadow} from '#/state/cache/post-shadow'
import {useModerationOpts} from '#/state/preferences/moderation-opts' import {useModerationOpts} from '#/state/preferences/moderation-opts'
import {useSession} from '#/state/session'
import {useComposerControls} from '#/state/shell/composer' import {useComposerControls} from '#/state/shell/composer'
import {MAX_POST_LINES} from 'lib/constants' import {MAX_POST_LINES} from 'lib/constants'
import {usePalette} from 'lib/hooks/usePalette' import {usePalette} from 'lib/hooks/usePalette'
@@ -145,6 +146,9 @@ function PostInner({
precacheProfile(queryClient, post.author) precacheProfile(queryClient, post.author)
}, [queryClient, post.author]) }, [queryClient, post.author])
const {currentAccount} = useSession()
const isOwner = replyAuthorDid === currentAccount?.did
return ( return (
<Link <Link
href={itemHref} href={itemHref}
@@ -187,6 +191,9 @@ function PostInner({
style={[pal.textLight, s.mr2]} style={[pal.textLight, s.mr2]}
lineHeight={1.2} lineHeight={1.2}
numberOfLines={1}> numberOfLines={1}>
{isOwner ? (
<Trans context="description">Reply to you</Trans>
) : (
<Trans context="description"> <Trans context="description">
Reply to{' '} Reply to{' '}
<ProfileHoverCard inline did={replyAuthorDid}> <ProfileHoverCard inline did={replyAuthorDid}>
@@ -198,6 +205,7 @@ function PostInner({
/> />
</ProfileHoverCard> </ProfileHoverCard>
</Trans> </Trans>
)}
</Text> </Text>
</View> </View>
)} )}
+22 -2
View File
@@ -43,6 +43,7 @@ import {Text} from '../util/text/Text'
import {PreviewableUserAvatar} from '../util/UserAvatar' import {PreviewableUserAvatar} from '../util/UserAvatar'
import {AviFollowButton} from './AviFollowButton' import {AviFollowButton} from './AviFollowButton'
import hairlineWidth = StyleSheet.hairlineWidth import hairlineWidth = StyleSheet.hairlineWidth
import {useSession} from '#/state/session'
import {Repost_Stroke2_Corner2_Rounded as Repost} from '#/components/icons/Repost' import {Repost_Stroke2_Corner2_Rounded as Repost} from '#/components/icons/Repost'
interface FeedItemProps { interface FeedItemProps {
@@ -196,6 +197,11 @@ let FeedItemInner = ({
}, },
] ]
const {currentAccount} = useSession()
const isOwner =
AppBskyFeedDefs.isReasonRepost(reason) &&
reason.by.did === currentAccount?.did
return ( return (
<Link <Link
testID={`feedItem-by-${post.author.handle}`} testID={`feedItem-by-${post.author.handle}`}
@@ -246,11 +252,15 @@ let FeedItemInner = ({
<Link <Link
style={styles.includeReason} style={styles.includeReason}
href={makeProfileLink(reason.by)} href={makeProfileLink(reason.by)}
title={_( title={
isOwner
? _(msg`Reposted by you`)
: _(
msg`Reposted by ${sanitizeDisplayName( msg`Reposted by ${sanitizeDisplayName(
reason.by.displayName || reason.by.handle, reason.by.displayName || reason.by.handle,
)}`, )}`,
)} )
}
onBeforePress={onOpenReposter}> onBeforePress={onOpenReposter}>
<Repost <Repost
style={{color: pal.colors.textLight, marginRight: 3}} style={{color: pal.colors.textLight, marginRight: 3}}
@@ -262,6 +272,9 @@ let FeedItemInner = ({
style={pal.textLight} style={pal.textLight}
lineHeight={1.2} lineHeight={1.2}
numberOfLines={1}> numberOfLines={1}>
{isOwner ? (
<Trans>Reposted by you</Trans>
) : (
<Trans> <Trans>
Reposted by{' '} Reposted by{' '}
<ProfileHoverCard inline did={reason.by.did}> <ProfileHoverCard inline did={reason.by.did}>
@@ -280,6 +293,7 @@ let FeedItemInner = ({
/> />
</ProfileHoverCard> </ProfileHoverCard>
</Trans> </Trans>
)}
</Text> </Text>
</Link> </Link>
) : null} ) : null}
@@ -411,6 +425,8 @@ PostContent = memo(PostContent)
function ReplyToLabel({profile}: {profile: AppBskyActorDefs.ProfileViewBasic}) { function ReplyToLabel({profile}: {profile: AppBskyActorDefs.ProfileViewBasic}) {
const pal = usePalette('default') const pal = usePalette('default')
const {currentAccount} = useSession()
const isOwner = profile.did === currentAccount?.did
return ( return (
<View style={[s.flexRow, s.mb2, s.alignCenter]}> <View style={[s.flexRow, s.mb2, s.alignCenter]}>
@@ -424,6 +440,9 @@ function ReplyToLabel({profile}: {profile: AppBskyActorDefs.ProfileViewBasic}) {
style={[pal.textLight, s.mr2]} style={[pal.textLight, s.mr2]}
lineHeight={1.2} lineHeight={1.2}
numberOfLines={1}> numberOfLines={1}>
{isOwner ? (
<Trans context="description">Reply to you</Trans>
) : (
<Trans context="description"> <Trans context="description">
Reply to{' '} Reply to{' '}
<ProfileHoverCard inline did={profile.did}> <ProfileHoverCard inline did={profile.did}>
@@ -441,6 +460,7 @@ function ReplyToLabel({profile}: {profile: AppBskyActorDefs.ProfileViewBasic}) {
/> />
</ProfileHoverCard> </ProfileHoverCard>
</Trans> </Trans>
)}
</Text> </Text>
</View> </View>
) )