gnh1201/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2025-02-06 15:05:07 +00:00
Code Issues Actions 14 Packages Projects Releases Wiki Activity

Add hover cards to follow suggestions (#33749)

Browse Source
This commit is contained in:
Claire 2025-01-27 17:24:41 +01:00 committed by GitHub
parent d3b637c757
commit e97335191d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/mastodon/features/explore/components/card.jsx
View File

@ -55,11 +55,11 @@ export const Card = ({ id, source }) => {
</div> </div>
<div className='explore__suggestions__card__body'> <div className='explore__suggestions__card__body'>
<Link to={`/@${account.get('acct')}`}><Avatar account={account} size={48} /></Link> <Link to={`/@${account.get('acct')}`} data-hover-card-account={account.id}><Avatar account={account} size={48} /></Link>
<div className='explore__suggestions__card__body__main'> <div className='explore__suggestions__card__body__main'>
<div className='explore__suggestions__card__body__main__name-button'> <div className='explore__suggestions__card__body__main__name-button'>
<Link className='explore__suggestions__card__body__main__name-button__name' to={`/@${account.get('acct')}`}><DisplayName account={account} /></Link> <Link className='explore__suggestions__card__body__main__name-button__name' to={`/@${account.get('acct')}`} data-hover-card-account={account.id}><DisplayName account={account} /></Link>
<IconButton iconComponent={CloseIcon} onClick={handleDismiss} title={intl.formatMessage(messages.dismiss)} /> <IconButton iconComponent={CloseIcon} onClick={handleDismiss} title={intl.formatMessage(messages.dismiss)} />
<FollowButton accountId={account.get('id')} /> <FollowButton accountId={account.get('id')} />
</div> </div>

4
app/javascript/mastodon/features/home_timeline/components/inline_follow_suggestions.tsx
View File

@ -145,13 +145,13 @@ const Card: React.FC<{
/> />
<div className='inline-follow-suggestions__body__scrollable__card__avatar'> <div className='inline-follow-suggestions__body__scrollable__card__avatar'>
<Link to={`/@${account?.acct}`}> <Link to={`/@${account?.acct}`} data-hover-card-account={account?.id}>
<Avatar account={account} size={72} /> <Avatar account={account} size={72} />
</Link> </Link>
</div> </div>
<div className='inline-follow-suggestions__body__scrollable__card__text-stack'> <div className='inline-follow-suggestions__body__scrollable__card__text-stack'>
<Link to={`/@${account?.acct}`}> <Link to={`/@${account?.acct}`} data-hover-card-account={account?.id}>
<DisplayName account={account} /> <DisplayName account={account} />
</Link> </Link>
{firstVerifiedField ? ( {firstVerifiedField ? (