diff --git a/frontend/src/components/Status/index.tsx b/frontend/src/components/Status/index.tsx index 0396722..9ebe75c 100644 --- a/frontend/src/components/Status/index.tsx +++ b/frontend/src/components/Status/index.tsx @@ -5,6 +5,7 @@ import { Avatar } from '../avatar' import type { Account, MastodonStatus } from '~/types' import styles from '../../utils/innerHtmlContent.scss?inline' import { MediaGallery } from '../MediaGallery.tsx' +import { useAccountUrl } from '~/utils/useAccountUrl' type Props = { status: MastodonStatus @@ -17,7 +18,7 @@ export default component$((props: Props) => { const status = props.status.reblog ?? props.status const reblogger = props.status.reblog && props.status.account - const accountUrl = `/@${status.account.username}` + const accountUrl = useAccountUrl(status.account) const statusUrl = `${accountUrl}/${status.id}` const handleContentClick = $(() => nav(statusUrl)) @@ -65,13 +66,15 @@ export default component$((props: Props) => { ) }) -export const RebloggerLink = ({ account }: { account: Account | null }) => { +export const RebloggerLink = component$(({ account }: { account: Account | null }) => { + const accountUrl = useAccountUrl(account) + return ( account && (
- + {account.display_name} boosted @@ -79,4 +82,4 @@ export const RebloggerLink = ({ account }: { account: Account | null }) => {