matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

nicolium: improve preview card author info

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2026-02-23 17:12:08 +01:00
parent 059fc9ef98
commit e9e90875db
1 changed files with 37 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
packages/pl-fe/src/components/preview-card.tsx
View File

@ -328,33 +328,44 @@ const PreviewCard: React.FC<IPreviewCard> = ({
<Text theme='muted' className='flex items-center gap-2'>
<FormattedMessage
id='link_preview.more_from_author'
defaultMessage='More from {name}'
defaultMessage='From {name}'
values={{
name: card.authors.map((author) => (
<HoverAccountWrapper
key={author.url}
accountId={author.account?.id}
element='bdi'
>
<Link to='/@{$username}' params={{ username: author.account?.acct ?? '' }}>
<HStack space={1} alignItems='center'>
{author.account && (
<Avatar
src={author.account?.avatar}
size={16}
username={author.account.username}
/>
)}
<Text weight='medium'>
<Emojify
text={author.account?.display_name ?? author.name}
emojis={author.account?.emojis}
/>
</Text>
</HStack>
</Link>
</HoverAccountWrapper>
)),
name: card.authors.map((author) => {
const linkBody = (
<HStack space={1} alignItems='center'>
{author.account && (
<Avatar
src={author.account?.avatar}
size={16}
username={author.account.username}
/>
)}
<Text weight='medium'>
<Emojify
text={author.account?.display_name ?? author.name}
emojis={author.account?.emojis}
/>
</Text>
</HStack>
);
return (
<HoverAccountWrapper
key={author.url}
accountId={author.account?.id}
element='bdi'
>
{author.account ? (
<Link to='/@{$username}' params={{ username: author.account?.acct ?? '' }}>
{linkBody}
</Link>
) : (
<a href={author.url} target='_blank' rel='noopener'>
{linkBody}
</a>
)}
</HoverAccountWrapper>
);
}),
}}
/>
</Text>