Adding media controller, 1 webm/compose form allowed, previews generated

This commit is contained in:
Eugen Rochko
2016-09-17 17:47:26 +02:00
parent 183a23943b
commit bd5ad304ba
7 changed files with 42 additions and 6 deletions

View File

@ -40,8 +40,9 @@ const Status = React.createClass({
if (e.button === 0) {
e.preventDefault();
hashHistory.push(`/accounts/${id}`);
e.stopPropagation();
}
e.stopPropagation();
},
render () {

View File

@ -25,9 +25,11 @@ const UploadForm = React.createClass({
);
}.bind(this));
const noMoreAllowed = (this.props.media.some(m => m.get('type') === 'video')) || (this.props.media.size > 3);
return (
<div style={{ marginBottom: '20px', padding: '10px', paddingTop: '0' }}>
<UploadButton onSelectFile={this.props.onSelectFile} disabled={this.props.is_uploading || this.props.media.size > 3} />
<UploadButton onSelectFile={this.props.onSelectFile} disabled={this.props.is_uploading || noMoreAllowed } />
<div style={{ marginTop: '10px', overflow: 'hidden' }}>
{uploads}

View File

@ -4,6 +4,8 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
import { fetchStatus } from '../../actions/statuses';
import Immutable from 'immutable';
import EmbeddedStatus from '../../components/status';
import { favourite, reblog } from '../../actions/interactions';
import { replyCompose } from '../../actions/compose';
function selectStatus(state, id) {
let status = state.getIn(['timelines', 'statuses', id]);
@ -49,8 +51,20 @@ const Status = React.createClass({
}
},
handleFavouriteClick (status) {
this.props.dispatch(favourite(status));
},
handleReplyClick (status) {
this.props.dispatch(replyCompose(status));
},
handleReblogClick (status) {
this.props.dispatch(reblog(status));
},
renderChildren (list) {
return list.map(s => <EmbeddedStatus status={s} key={s.get('id')} />);
return list.map(s => <EmbeddedStatus status={s} key={s.get('id')} onReply={this.handleReplyClick} onFavourite={this.handleFavouriteClick} onReblog={this.handleReblogClick} />);
},
render () {
@ -63,7 +77,7 @@ const Status = React.createClass({
return (
<div>
{this.renderChildren(ancestors)}
<EmbeddedStatus status={status} />
<EmbeddedStatus status={status} onReply={this.handleReplyClick} onFavourite={this.handleFavouriteClick} onReblog={this.handleReblogClick} />
{this.renderChildren(descendants)}
</div>
);