diff --git a/app/javascript/mastodon/components/status_content.jsx b/app/javascript/mastodon/components/status_content.jsx index 29f570ffd..02ef29f11 100644 --- a/app/javascript/mastodon/components/status_content.jsx +++ b/app/javascript/mastodon/components/status_content.jsx @@ -2,6 +2,7 @@ import PropTypes from 'prop-types'; import { PureComponent } from 'react'; import { FormattedMessage, injectIntl } from 'react-intl'; + import classnames from 'classnames'; import { Link } from 'react-router-dom'; @@ -10,7 +11,7 @@ import { connect } from 'react-redux'; import { Icon } from 'mastodon/components/icon'; import PollContainer from 'mastodon/containers/poll_container'; -import { autoPlayGif, languages as preloadedLanguages } from 'mastodon/initial_state'; +import { autoPlayGif, languages as preloadedLanguages, expandUsernames } from 'mastodon/initial_state'; const MAX_HEIGHT = 706; // 22px * 32 (+ 2px padding at the top) @@ -283,11 +284,9 @@ class StatusContent extends PureComponent { let mentionsPlaceholder = ''; const mentionLinks = status.get('mentions').map(item => ( - - @ - {expandUsernames ? item.get('acct') : item.get('username')} - - + + @{expandUsernames ? item.get('acct') : item.get('username')} + )).reduce((aggregate, item) => [...aggregate, item, ' '], []); const toggleText = hidden ? : ; @@ -297,7 +296,7 @@ class StatusContent extends PureComponent { } const output = [ -
+
+
+ {!hidden && poll} {translateButton}
, diff --git a/app/javascript/mastodon/features/account_timeline/components/moved_note.jsx b/app/javascript/mastodon/features/account_timeline/components/moved_note.jsx index 251b6a787..b5fda1c8e 100644 --- a/app/javascript/mastodon/features/account_timeline/components/moved_note.jsx +++ b/app/javascript/mastodon/features/account_timeline/components/moved_note.jsx @@ -1,4 +1,5 @@ import { FormattedMessage } from 'react-intl'; + import { Link } from 'react-router-dom'; import ImmutablePropTypes from 'react-immutable-proptypes'; diff --git a/app/javascript/mastodon/features/compose/components/compose_form.jsx b/app/javascript/mastodon/features/compose/components/compose_form.jsx index e3529bf5b..1c4bf326c 100644 --- a/app/javascript/mastodon/features/compose/components/compose_form.jsx +++ b/app/javascript/mastodon/features/compose/components/compose_form.jsx @@ -14,6 +14,7 @@ import { Icon } from 'mastodon/components/icon'; import AutosuggestInput from '../../../components/autosuggest_input'; import AutosuggestTextarea from '../../../components/autosuggest_textarea'; import Button from '../../../components/button'; +import { maxChars } from '../../../initial_state'; import EmojiPickerDropdown from '../containers/emoji_picker_dropdown_container'; import FederationDropdownContainer from '../containers/federation_dropdown_container'; import LanguageDropdown from '../containers/language_dropdown_container'; @@ -26,7 +27,7 @@ import UploadButtonContainer from '../containers/upload_button_container'; import UploadFormContainer from '../containers/upload_form_container'; import WarningContainer from '../containers/warning_container'; import { countableText } from '../util/counter'; -import { maxChars } from '../../../initial_state'; + import CharacterCounter from './character_counter'; const allowedAroundShortCode = '><\u0085\u0020\u00a0\u1680\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029\u0009\u000a\u000b\u000c\u000d'; diff --git a/app/javascript/mastodon/features/compose/components/emoji_picker_dropdown.jsx b/app/javascript/mastodon/features/compose/components/emoji_picker_dropdown.jsx index 2c743cb1d..494b8d862 100644 --- a/app/javascript/mastodon/features/compose/components/emoji_picker_dropdown.jsx +++ b/app/javascript/mastodon/features/compose/components/emoji_picker_dropdown.jsx @@ -386,11 +386,11 @@ class EmojiPickerDropdown extends PureComponent { return (
- 🙂 + />}
diff --git a/app/javascript/mastodon/features/compose/components/navigation_bar.jsx b/app/javascript/mastodon/features/compose/components/navigation_bar.jsx index b596bfb56..a45083e4c 100644 --- a/app/javascript/mastodon/features/compose/components/navigation_bar.jsx +++ b/app/javascript/mastodon/features/compose/components/navigation_bar.jsx @@ -1,5 +1,7 @@ import PropTypes from 'prop-types'; + import { FormattedMessage } from 'react-intl'; + import { Link } from 'react-router-dom'; import ImmutablePropTypes from 'react-immutable-proptypes'; diff --git a/app/javascript/mastodon/features/compose/components/poll_form.jsx b/app/javascript/mastodon/features/compose/components/poll_form.jsx index 14e4b0cdf..1b9608230 100644 --- a/app/javascript/mastodon/features/compose/components/poll_form.jsx +++ b/app/javascript/mastodon/features/compose/components/poll_form.jsx @@ -7,7 +7,9 @@ import classNames from 'classnames'; import ImmutablePropTypes from 'react-immutable-proptypes'; import ImmutablePureComponent from 'react-immutable-pure-component'; + import Toggle from 'react-toggle'; + import AutosuggestInput from 'mastodon/components/autosuggest_input'; import { Icon } from 'mastodon/components/icon'; import { IconButton } from 'mastodon/components/icon_button'; @@ -163,7 +165,7 @@ class PollForm extends ImmutablePureComponent { {options.map((title, i) =>