闭社主体 forked from https://github.com/tootsuite/mastodon
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

25 lines
720 B

  1. import React from 'react';
  2. import { FormattedMessage } from 'react-intl';
  3. import PropTypes from 'prop-types';
  4. export default class ColumnBackButton extends React.PureComponent {
  5. static contextTypes = {
  6. router: PropTypes.object,
  7. };
  8. handleClick = () => {
  9. if (window.history && window.history.length === 1) this.context.router.history.push('/');
  10. else this.context.router.history.goBack();
  11. }
  12. render () {
  13. return (
  14. <div role='button' tabIndex='0' onClick={this.handleClick} className='column-back-button'>
  15. <i className='fa fa-fw fa-chevron-left column-back-button__icon' />
  16. <FormattedMessage id='column_back_button.label' defaultMessage='Back' />
  17. </div>
  18. );
  19. }
  20. }