0
0
Fork 0

Better smart/dumb component separation

This commit is contained in:
Kibigo 2017-03-01 02:56:15 -08:00
parent e84c1dc95f
commit 91c79f2445
3 changed files with 15 additions and 6 deletions

View file

@ -47,6 +47,7 @@ const ComposeForm = React.createClass({
onFetchSuggestions: React.PropTypes.func.isRequired,
onSuggestionSelected: React.PropTypes.func.isRequired,
onChangeSpoilerText: React.PropTypes.func.isRequired,
onPaste: React.PropTypes.func.isRequired,
},
mixins: [PureRenderMixin],
@ -82,6 +83,10 @@ const ComposeForm = React.createClass({
this.props.onChangeSpoilerText(e.target.value);
},
onPaste (files) {
this.props.onPaste(files);
},
componentDidUpdate (prevProps) {
if (this.props.focusDate !== prevProps.focusDate) {
// If replying to zero or one users, places the cursor at the end of the textbox.
@ -149,6 +154,7 @@ const ComposeForm = React.createClass({
onSuggestionsFetchRequested={this.onSuggestionsFetchRequested}
onSuggestionsClearRequested={this.onSuggestionsClearRequested}
onSuggestionSelected={this.onSuggestionSelected}
onPaste={this.onPaste}
/>
<div style={{ marginTop: '10px', overflow: 'hidden' }}>

View file

@ -1,5 +1,6 @@
import { connect } from 'react-redux';
import ComposeForm from '../components/compose_form';
import { uploadCompose } from '../../../actions/compose';
import { createSelector } from 'reselect';
import {
changeCompose,
@ -65,6 +66,10 @@ const mapDispatchToProps = (dispatch) => ({
dispatch(changeComposeSpoilerText(checked));
},
onPaste (files) {
dispatch(uploadCompose(files));
},
});
export default connect(mapStateToProps, mapDispatchToProps)(ComposeForm);