remove wrong emojify usage in old glitch components
This commit is contained in:
		
							parent
							
								
									74e4fc8f8a
								
							
						
					
					
						commit
						cf24ce7e03
					
				| @ -44,7 +44,6 @@ Imports: | |||||||
| import React from 'react'; | import React from 'react'; | ||||||
| import ImmutablePropTypes from 'react-immutable-proptypes'; | import ImmutablePropTypes from 'react-immutable-proptypes'; | ||||||
| import PropTypes from 'prop-types'; | import PropTypes from 'prop-types'; | ||||||
| import escapeTextContentForBrowser from 'escape-html'; |  | ||||||
| import { defineMessages, injectIntl, FormattedMessage } from 'react-intl'; | import { defineMessages, injectIntl, FormattedMessage } from 'react-intl'; | ||||||
| import ImmutablePureComponent from 'react-immutable-pure-component'; | import ImmutablePureComponent from 'react-immutable-pure-component'; | ||||||
| 
 | 
 | ||||||
| @ -89,7 +88,7 @@ export default class AccountHeader extends ImmutablePureComponent { | |||||||
| 
 | 
 | ||||||
|   static propTypes = { |   static propTypes = { | ||||||
|     account  : ImmutablePropTypes.map, |     account  : ImmutablePropTypes.map, | ||||||
|     me       : PropTypes.number.isRequired, |     me       : PropTypes.string.isRequired, | ||||||
|     onFollow : PropTypes.func.isRequired, |     onFollow : PropTypes.func.isRequired, | ||||||
|     intl     : PropTypes.object.isRequired, |     intl     : PropTypes.object.isRequired, | ||||||
|   }; |   }; | ||||||
| @ -117,7 +116,7 @@ then we set the `displayName` to just be the `username` of the account. | |||||||
|       return null; |       return null; | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     let displayName = account.get('display_name'); |     let displayName = account.get('display_name_html'); | ||||||
|     let info        = ''; |     let info        = ''; | ||||||
|     let actionBtn   = ''; |     let actionBtn   = ''; | ||||||
|     let following   = false; |     let following   = false; | ||||||
| @ -167,16 +166,11 @@ appropriate icon. | |||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
| /* | /* | ||||||
| 
 |  we extract the `text` and | ||||||
| `displayNameHTML` processes the `displayName` and prepares it for |  | ||||||
| insertion into the document. Meanwhile, we extract the `text` and |  | ||||||
| `metadata` from our account's `note` using `processBio()`. | `metadata` from our account's `note` using `processBio()`. | ||||||
| 
 | 
 | ||||||
| */ | */ | ||||||
| 
 | 
 | ||||||
|     const displayNameHTML    = { |  | ||||||
|       __html : emojify(escapeTextContentForBrowser(displayName)), |  | ||||||
|     }; |  | ||||||
|     const { text, metadata } = processBio(account.get('note')); |     const { text, metadata } = processBio(account.get('note')); | ||||||
| 
 | 
 | ||||||
| /* | /* | ||||||
| @ -198,7 +192,7 @@ Here, we render our component using all the things we've defined above. | |||||||
|               </span> |               </span> | ||||||
|               <span |               <span | ||||||
|                 className='account__header__display-name' |                 className='account__header__display-name' | ||||||
|                 dangerouslySetInnerHTML={displayNameHTML} |                 dangerouslySetInnerHTML={{ __html: displayName }} | ||||||
|               /> |               /> | ||||||
|             </a> |             </a> | ||||||
|             <span className='account__header__username'> |             <span className='account__header__username'> | ||||||
|  | |||||||
| @ -11,11 +11,9 @@ import React from 'react'; | |||||||
| import ImmutablePropTypes from 'react-immutable-proptypes'; | import ImmutablePropTypes from 'react-immutable-proptypes'; | ||||||
| import PropTypes from 'prop-types'; | import PropTypes from 'prop-types'; | ||||||
| import { FormattedMessage } from 'react-intl'; | import { FormattedMessage } from 'react-intl'; | ||||||
| import escapeTextContentForBrowser from 'escape-html'; |  | ||||||
| import ImmutablePureComponent from 'react-immutable-pure-component'; | import ImmutablePureComponent from 'react-immutable-pure-component'; | ||||||
| 
 | 
 | ||||||
| //  Mastodon imports.
 | //  Mastodon imports.
 | ||||||
| import emojify from '../../../mastodon/emoji'; |  | ||||||
| import Permalink from '../../../mastodon/components/permalink'; | import Permalink from '../../../mastodon/components/permalink'; | ||||||
| import AccountContainer from '../../../mastodon/containers/account_container'; | import AccountContainer from '../../../mastodon/containers/account_container'; | ||||||
| 
 | 
 | ||||||
| @ -39,15 +37,14 @@ export default class NotificationFollow extends ImmutablePureComponent { | |||||||
|     const { account, notification } = this.props; |     const { account, notification } = this.props; | ||||||
| 
 | 
 | ||||||
|     //  Links to the display name.
 |     //  Links to the display name.
 | ||||||
|     const displayName = account.get('display_name') || account.get('username'); |     const displayName = account.get('display_name_html') || account.get('username'); | ||||||
|     const displayNameHTML = { __html: emojify(escapeTextContentForBrowser(displayName)) }; |  | ||||||
|     const link = ( |     const link = ( | ||||||
|       <Permalink |       <Permalink | ||||||
|         className='notification__display-name' |         className='notification__display-name' | ||||||
|         href={account.get('url')} |         href={account.get('url')} | ||||||
|         title={account.get('acct')} |         title={account.get('acct')} | ||||||
|         to={`/accounts/${account.get('id')}`} |         to={`/accounts/${account.get('id')}`} | ||||||
|         dangerouslySetInnerHTML={displayNameHTML} |         dangerouslySetInnerHTML={{ __html: displayName }} | ||||||
|       /> |       /> | ||||||
|     ); |     ); | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -1,13 +1,11 @@ | |||||||
| //  Package imports  //
 | //  Package imports  //
 | ||||||
| import React from 'react'; | import React from 'react'; | ||||||
| import ImmutablePropTypes from 'react-immutable-proptypes'; | import ImmutablePropTypes from 'react-immutable-proptypes'; | ||||||
| import escapeTextContentForBrowser from 'escape-html'; |  | ||||||
| import PropTypes from 'prop-types'; | import PropTypes from 'prop-types'; | ||||||
| import { FormattedMessage } from 'react-intl'; | import { FormattedMessage } from 'react-intl'; | ||||||
| import classnames from 'classnames'; | import classnames from 'classnames'; | ||||||
| 
 | 
 | ||||||
| //  Mastodon imports  //
 | //  Mastodon imports  //
 | ||||||
| import emojify from '../../../mastodon/emoji'; |  | ||||||
| import { isRtl } from '../../../mastodon/rtl'; | import { isRtl } from '../../../mastodon/rtl'; | ||||||
| import Permalink from '../../../mastodon/components/permalink'; | import Permalink from '../../../mastodon/components/permalink'; | ||||||
| 
 | 
 | ||||||
| @ -32,7 +30,7 @@ export default class StatusContent extends React.PureComponent { | |||||||
|     const node  = this.node; |     const node  = this.node; | ||||||
|     const links = node.querySelectorAll('a'); |     const links = node.querySelectorAll('a'); | ||||||
| 
 | 
 | ||||||
|     for (var i = 0; i < links.length; ++i) { |     for (let i = 0; i < links.length; ++i) { | ||||||
|       let link    = links[i]; |       let link    = links[i]; | ||||||
|       let mention = this.props.status.get('mentions').find(item => link.href === item.get('url')); |       let mention = this.props.status.get('mentions').find(item => link.href === item.get('url')); | ||||||
| 
 | 
 | ||||||
| @ -132,9 +130,7 @@ export default class StatusContent extends React.PureComponent { | |||||||
|     ); |     ); | ||||||
| 
 | 
 | ||||||
|     const content = { __html: status.get('contentHtml') }; |     const content = { __html: status.get('contentHtml') }; | ||||||
|     const spoilerContent = { |     const spoilerContent = { __html: status.get('spoilerHtml') }; | ||||||
|       __html: status.get('spoilerHtml'), |  | ||||||
|     }; |  | ||||||
|     const directionStyle = { direction: 'ltr' }; |     const directionStyle = { direction: 'ltr' }; | ||||||
|     const classNames = classnames('status__content', { |     const classNames = classnames('status__content', { | ||||||
|       'status__content--with-action': parseClick && !disabled, |       'status__content--with-action': parseClick && !disabled, | ||||||
|  | |||||||
| @ -22,12 +22,8 @@ Imports: | |||||||
| import React from 'react'; | import React from 'react'; | ||||||
| import PropTypes from 'prop-types'; | import PropTypes from 'prop-types'; | ||||||
| import ImmutablePropTypes from 'react-immutable-proptypes'; | import ImmutablePropTypes from 'react-immutable-proptypes'; | ||||||
| import escapeTextContentForBrowser from 'escape-html'; |  | ||||||
| import { FormattedMessage } from 'react-intl'; | import { FormattedMessage } from 'react-intl'; | ||||||
| 
 | 
 | ||||||
| //  Mastodon imports  //
 |  | ||||||
| import emojify from '../../../mastodon/emoji'; |  | ||||||
| 
 |  | ||||||
|                             /* * * * */ |                             /* * * * */ | ||||||
| 
 | 
 | ||||||
| /* | /* | ||||||
| @ -99,9 +95,7 @@ generate the message. | |||||||
|       > |       > | ||||||
|         <b |         <b | ||||||
|           dangerouslySetInnerHTML={{ |           dangerouslySetInnerHTML={{ | ||||||
|             __html : emojify(escapeTextContentForBrowser( |             __html : account.get('display_name_html') || account.get('username'), | ||||||
|               account.get('display_name') || account.get('username') |  | ||||||
|             )), |  | ||||||
|           }} |           }} | ||||||
|         /> |         /> | ||||||
|       </a> |       </a> | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user