moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ProfileFamiliarFollowers: add `key` prop, fix console error

This commit is contained in:
Alex Gleason 2023-09-14 13:38:43 -05:00
parent c242f8e9c7
commit b787b4cca7
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/soapbox/features/ui/components/profile-familiar-followers.tsx
View File

@ -44,7 +44,7 @@ const ProfileFamiliarFollowers: React.FC<IProfileFamiliarFollowers> = ({ account
}
const accounts: Array<React.ReactNode> = familiarFollowers.map(account => !!account && (
<HoverRefWrapper accountId={account.id} inline>
<HoverRefWrapper accountId={account.id} key={account.id} inline>
<Link className='mention inline-block' to={`/@${account.acct}`}>
<HStack space={1} alignItems='center' grow>
<Text
@ -53,17 +53,16 @@ const ProfileFamiliarFollowers: React.FC<IProfileFamiliarFollowers> = ({ account
truncate
dangerouslySetInnerHTML={{ __html: account.display_name_html }}
/>
{/* <span dangerouslySetInnerHTML={{ __html: account.display_name_html }} /> */}
{account.verified && <VerificationBadge />}
</HStack>
</Link>
</HoverRefWrapper>
)).toArray();
)).toArray().filter(Boolean);
if (familiarFollowerIds.size > 2) {
accounts.push(
<span className='cursor-pointer hover:underline' role='presentation' onClick={openFamiliarFollowersModal}>
<span key='_' className='cursor-pointer hover:underline' role='presentation' onClick={openFamiliarFollowersModal}>
<FormattedMessage
id='account.familiar_followers.more'
defaultMessage='{count, plural, one {# other} other {# others}} you follow'