Remove status content from mobile actions modal (#2615)
This commit is contained in:
		
							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