From 968c7332f0d2c61b00464b6c3b19fdd315cd6b21 Mon Sep 17 00:00:00 2001 From: Alex Gleason Date: Thu, 1 Jul 2021 16:10:03 -0500 Subject: [PATCH] Composer: only injectIntl on the ComposeFormContainer for performance --- app/soapbox/features/compose/components/compose_form.js | 5 ++--- .../features/compose/containers/compose_form_container.js | 3 ++- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/app/soapbox/features/compose/components/compose_form.js b/app/soapbox/features/compose/components/compose_form.js index c6a17b2c2..502fbd7f8 100644 --- a/app/soapbox/features/compose/components/compose_form.js +++ b/app/soapbox/features/compose/components/compose_form.js @@ -10,7 +10,7 @@ import AutosuggestTextarea from '../../../components/autosuggest_textarea'; import AutosuggestInput from '../../../components/autosuggest_input'; import PollButtonContainer from '../containers/poll_button_container'; import UploadButtonContainer from '../containers/upload_button_container'; -import { defineMessages, injectIntl, FormattedMessage } from 'react-intl'; +import { defineMessages, FormattedMessage } from 'react-intl'; import SpoilerButtonContainer from '../containers/spoiler_button_container'; import MarkdownButtonContainer from '../containers/markdown_button_container'; import ScheduleFormContainer from '../containers/schedule_form_container'; @@ -38,8 +38,7 @@ const messages = defineMessages({ schedule: { id: 'compose_form.schedule', defaultMessage: 'Schedule' }, }); -export default @injectIntl -class ComposeForm extends ImmutablePureComponent { +export default class ComposeForm extends ImmutablePureComponent { state = { composeFocused: false, diff --git a/app/soapbox/features/compose/containers/compose_form_container.js b/app/soapbox/features/compose/containers/compose_form_container.js index 874402b62..a4ecff6c8 100644 --- a/app/soapbox/features/compose/containers/compose_form_container.js +++ b/app/soapbox/features/compose/containers/compose_form_container.js @@ -1,4 +1,5 @@ import { connect } from 'react-redux'; +import { injectIntl } from 'react-intl'; import ComposeForm from '../components/compose_form'; import { changeCompose, @@ -73,4 +74,4 @@ function mergeProps(stateProps, dispatchProps, ownProps) { }); } -export default connect(mapStateToProps, mapDispatchToProps, mergeProps)(ComposeForm); +export default injectIntl(connect(mapStateToProps, mapDispatchToProps, mergeProps)(ComposeForm));