Remove status content from mobile actions modal (#2615)
parent
8a10feb8dc
commit
e078ede097
|
@ -5,11 +5,6 @@ import classNames from 'classnames';
|
||||||
import ImmutablePropTypes from 'react-immutable-proptypes';
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
||||||
import ImmutablePureComponent from 'react-immutable-pure-component';
|
import ImmutablePureComponent from 'react-immutable-pure-component';
|
||||||
|
|
||||||
import { Avatar } from 'flavours/glitch/components/avatar';
|
|
||||||
import { DisplayName } from 'flavours/glitch/components/display_name';
|
|
||||||
import { RelativeTimestamp } from 'flavours/glitch/components/relative_timestamp';
|
|
||||||
import StatusContent from 'flavours/glitch/components/status_content';
|
|
||||||
|
|
||||||
import { IconButton } from '../../../components/icon_button';
|
import { IconButton } from '../../../components/icon_button';
|
||||||
|
|
||||||
export default class ActionsModal extends ImmutablePureComponent {
|
export default class ActionsModal extends ImmutablePureComponent {
|
||||||
|
@ -58,33 +53,9 @@ export default class ActionsModal extends ImmutablePureComponent {
|
||||||
};
|
};
|
||||||
|
|
||||||
render () {
|
render () {
|
||||||
const status = this.props.status && (
|
|
||||||
<div className='status light'>
|
|
||||||
<div className='boost-modal__status-header'>
|
|
||||||
<div className='boost-modal__status-time'>
|
|
||||||
<a href={this.props.status.get('url')} className='status__relative-time' target='_blank' rel='noopener noreferrer'>
|
|
||||||
<RelativeTimestamp timestamp={this.props.status.get('created_at')} />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<a href={this.props.status.getIn(['account', 'url'])} className='status__display-name' rel='noopener noreferrer'>
|
|
||||||
<div className='status__avatar'>
|
|
||||||
<Avatar account={this.props.status.get('account')} size={48} />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<DisplayName account={this.props.status.get('account')} />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<StatusContent status={this.props.status} />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='modal-root__modal actions-modal'>
|
<div className='modal-root__modal actions-modal'>
|
||||||
{status}
|
<ul>
|
||||||
|
|
||||||
<ul className={classNames({ 'with-status': !!status })}>
|
|
||||||
{this.props.actions.map(this.renderAction)}
|
{this.props.actions.map(this.renderAction)}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue