diff --git a/src/components/account-info.css b/src/components/account-info.css index 837966b8..168c4841 100644 --- a/src/components/account-info.css +++ b/src/components/account-info.css @@ -152,7 +152,7 @@ [tabindex='0']:is(:hover, :focus) { color: var(--text-color); cursor: pointer; - text-decoration: underline; + text-decoration-color: var(--text-insignificant-color); } } .timeline-start .account-container .stats { @@ -164,6 +164,9 @@ display: flex; gap: 0.5em; } +.account-container .stats a:not(.insignificant) { + color: inherit; +} .account-container .stats a:hover { color: inherit; } diff --git a/src/components/account-info.jsx b/src/components/account-info.jsx index 1c761db3..2cb56ff8 100644 --- a/src/components/account-info.jsx +++ b/src/components/account-info.jsx @@ -170,6 +170,9 @@ function AccountInfo({ return results; } + const LinkOrDiv = standalone ? 'div' : Link; + const accountLink = instance ? `/${instance}/a/${id}` : `/a/${id}`; + return (
)}

-

{ + states.showAccount = false; states.showGenericAccounts = { heading: 'Followers', fetchAccounts: fetchFollowers, @@ -381,11 +386,13 @@ function AccountInfo({ {shortenNumber(followersCount)} {' '} Followers -
-
+ { + states.showAccount = false; states.showGenericAccounts = { heading: 'Following', fetchAccounts: fetchFollowing, @@ -397,28 +404,23 @@ function AccountInfo({ {' '} Following
-
- {standalone ? ( -
- - {shortenNumber(statusesCount)} - {' '} - Posts -
- ) : ( - { - hideAllModals(); - }} - > - - {shortenNumber(statusesCount)} - {' '} - Posts - - )} + + { + hideAllModals(); + } + } + > + + {shortenNumber(statusesCount)} + {' '} + Posts + {!!createdAt && (
Joined{' '} diff --git a/src/components/generic-accounts.jsx b/src/components/generic-accounts.jsx index e206f780..dd1dae75 100644 --- a/src/components/generic-accounts.jsx +++ b/src/components/generic-accounts.jsx @@ -29,6 +29,7 @@ export default function GenericAccounts({ onClose = () => {} }) { const loadAccounts = (firstLoad) => { if (!fetchAccounts) return; + setAccounts([]); setUIState('loading'); (async () => { try { @@ -57,7 +58,7 @@ export default function GenericAccounts({ onClose = () => {} }) { } else { loadAccounts(true); } - }, [staticAccounts]); + }, [staticAccounts, fetchAccounts]); return (