import './name-text.css'; import emojifyText from '../utils/emojify-text'; import states from '../utils/states'; import Avatar from './avatar'; function NameText({ account, instance, showAvatar, showAcct, short, external, onClick, }) { const { acct, avatar, avatarStatic, id, url, displayName, emojis } = account; let { username } = account; const displayNameWithEmoji = emojifyText(displayName, emojis); const trimmedUsername = username.toLowerCase().trim(); const trimmedDisplayName = (displayName || '').toLowerCase().trim(); const shortenedDisplayName = trimmedDisplayName .replace(/(\:(\w|\+|\-)+\:)(?=|[\!\.\?]|$)/g, '') // Remove shortcodes, regex from https://regex101.com/r/iE9uV0/1 .replace(/\s+/g, '') // E.g. "My name" === "myname" .replace(/[^a-z0-9]/gi, ''); // Remove non-alphanumeric characters if ( !short && (trimmedUsername === trimmedDisplayName || trimmedUsername === shortenedDisplayName) ) { username = null; } return ( { if (external) return; e.preventDefault(); if (onClick) return onClick(e); states.showAccount = { account, instance, }; }} > {showAvatar && ( <> {' '} )} {displayName && !short ? ( <> {!showAcct && username && ( <> {' '} @{username} )} ) : short ? ( @{username} ) : ( @{username} )} {showAcct && ( <>
@{acct} )}
); } export default NameText;