chinwag/chinwagsocial
chinwag/chinwagsocial
2
0
Fork 0
Code Issues Pull requests Releases 14 Wiki Activity

Displaying media attachments in timelines

Browse source
This commit is contained in:
Eugen Rochko 2016-09-05 20:38:31 +02:00
commit fc222dfa49
4 changed files with 37 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/assets/javascripts/components/components/status.jsx
View file

@ -4,6 +4,7 @@ import RelativeTimestamp from './relative_timestamp';
import PureRenderMixin from 'react-addons-pure-render-mixin';
import IconButton from './icon_button';
import DisplayName from './display_name';
import MediaGallery from './media_gallery';
const Status = React.createClass({
@ -30,6 +31,8 @@ const Status = React.createClass({
render () {
var content = { __html: this.props.status.get('content') };
var media = '';
var { status, ...other } = this.props;
if (status.get('reblog') !== null) {
@ -45,6 +48,10 @@ const Status = React.createClass({
);
}
if (status.get('media_attachments').size > 0) {
media = <MediaGallery media={status.get('media_attachments')} />;
}
return (
<div style={{ padding: '8px 10px', paddingLeft: '68px', position: 'relative', minHeight: '48px', borderBottom: '1px solid #363c4b', cursor: 'pointer' }}>
<div style={{ fontSize: '15px' }}>
@ -63,6 +70,8 @@ const Status = React.createClass({
<div className='status__content' dangerouslySetInnerHTML={content} />
{media}
<div style={{ marginTop: '10px', overflow: 'hidden' }}>
<div style={{ float: 'left', marginRight: '10px'}}><IconButton title='Reply' icon='reply' onClick={this.handleReplyClick} /></div>
<div style={{ float: 'left', marginRight: '10px'}}><IconButton active={status.get('reblogged')} title='Reblog' icon='retweet' onClick={this.handleReblogClick} /></div>