49 lines
1.1 KiB
TypeScript
49 lines
1.1 KiB
TypeScript
import classNames from 'classnames';
|
|
|
|
import { useAppSelector } from '../../store';
|
|
import { EmojiHTML } from '../emoji/html';
|
|
import { useElementHandledLink } from '../status/handled_link';
|
|
|
|
import classes from './styles.module.scss';
|
|
|
|
interface AccountBioProps {
|
|
className?: string;
|
|
accountId: string;
|
|
showDropdown?: boolean;
|
|
}
|
|
|
|
export const AccountBio: React.FC<AccountBioProps> = ({
|
|
className = classes.bio,
|
|
accountId,
|
|
showDropdown = false,
|
|
}) => {
|
|
const htmlHandlers = useElementHandledLink({
|
|
hashtagAccountId: showDropdown ? accountId : undefined,
|
|
});
|
|
|
|
const note = useAppSelector((state) => {
|
|
const account = state.accounts.get(accountId);
|
|
if (!account) {
|
|
return '';
|
|
}
|
|
return account.note_emojified;
|
|
});
|
|
const extraEmojis = useAppSelector((state) => {
|
|
const account = state.accounts.get(accountId);
|
|
return account?.emojis;
|
|
});
|
|
|
|
if (note.length === 0) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<EmojiHTML
|
|
htmlString={note}
|
|
extraEmojis={extraEmojis}
|
|
className={classNames(className, 'translate')}
|
|
{...htmlHandlers}
|
|
/>
|
|
);
|
|
};
|