23 lines
571 B
TypeScript
23 lines
571 B
TypeScript
|
import { Link } from 'react-router-dom';
|
||
|
|
|
||
|
|
import { useAppSelector } from 'mastodon/store';
|
||
|
|
|
||
|
|
export const DisplayedName: React.FC<{
|
||
|
|
accountIds: string[];
|
||
|
|
}> = ({ accountIds }) => {
|
||
|
|
const lastAccountId = accountIds[0] ?? '0';
|
||
|
|
const account = useAppSelector((state) => state.accounts.get(lastAccountId));
|
||
|
|
|
||
|
|
if (!account) return null;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Link
|
||
|
|
to={`/@${account.acct}`}
|
||
|
|
title={`@${account.acct}`}
|
||
|
|
data-hover-card-account={account.id}
|
||
|
|
>
|
||
|
|
<bdi dangerouslySetInnerHTML={{ __html: account.display_name_html }} />
|
||
|
|
</Link>
|
||
|
|
);
|
||
|
|
};
|