Leatherface/mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-12-28 05:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Glitch] fix: More "Followers you know" polish & bug fixes

Browse Source 
Port 3f965d83b0 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion
2025-05-15 13:33:16 +02:00
committed by Claire
parent ea9f451184
commit 9ad3f4ffa8
3 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/javascript/flavours/glitch/features/account_timeline/components/account_header.tsx
View File

@@ -916,6 +916,8 @@ export const AccountHeader: React.FC<{
<div className='account__header__badges'>{badges}</div>
)}
{signedIn && <FamiliarFollowers accountId={accountId} />}
{!(suspended || hidden) && (
<div className='account__header__extra'>
<div
@@ -993,7 +995,6 @@ export const AccountHeader: React.FC<{
))}
</div>
</div>
{signedIn && <FamiliarFollowers accountId={accountId} />}
</div>
)}
</div>

18
app/javascript/flavours/glitch/features/account_timeline/components/familiar_followers.tsx
View File

@@ -12,12 +12,16 @@ import { getAccountFamiliarFollowers } from '@/flavours/glitch/selectors/account
import { useAppDispatch, useAppSelector } from '@/flavours/glitch/store';
const AccountLink: React.FC<{ account?: Account }> = ({ account }) => {
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
const name = account?.display_name || `@${account?.acct}`;
if (!account) {
return null;
}
return (
<Link to={`/@${account?.acct}`} data-hover-card-account={account?.id}>
{name}
</Link>
<Link
to={`/@${account.acct}`}
data-hover-card-account={account.id}
dangerouslySetInnerHTML={{ __html: account.display_name_html }}
/>
);
};
@@ -50,7 +54,7 @@ const FamiliarFollowersReadout: React.FC<{ familiarFollowers: Account[] }> = ({
return (
<FormattedMessage
id='account.familiar_followers_many'
defaultMessage='Followed by {name1}, {name2}, and {othersCount, plural, one {# other} other {# others}}'
defaultMessage='Followed by {name1}, {name2}, and {othersCount, plural, one {one other you know} other {# others you know}}'
values={messageData}
/>
);
@@ -80,7 +84,7 @@ export const FamiliarFollowers: React.FC<{ accountId: string }> = ({
return (
<div className='account__header__familiar-followers'>
<AvatarGroup compact>
{familiarFollowers.map((account) => (
{familiarFollowers.slice(0, 3).map((account) => (
<Avatar withLink key={account.id} account={account} size={28} />
))}
</AvatarGroup>

10
app/javascript/flavours/glitch/styles/components.scss
View File

@@ -2157,6 +2157,7 @@ body > [data-popper-placement] {
display: block;
position: relative;
border-radius: var(--avatar-border-radius);
background: var(--surface-background-color);
img {
width: 100%;
@@ -8454,16 +8455,13 @@ noscript {
display: flex;
align-items: center;
gap: 10px;
margin-block-end: 16px;
margin-block: 16px;
color: $darker-text-color;
a:any-link {
color: inherit;
text-decoration: underline;
}
a:hover {
font-weight: 500;
text-decoration: none;
color: $primary-text-color;
}
}
}