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.

29 lines
775 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 history is exhausted, or we would leave mastodon, just go to root.
  10. if (window.history.state) {
  11. this.context.router.history.goBack();
  12. } else {
  13. this.context.router.history.push('/');
  14. }
  15. }
  16. render () {
  17. return (
  18. <button onClick={this.handleClick} className='column-back-button'>
  19. <i className='fa fa-fw fa-chevron-left column-back-button__icon' />
  20. <FormattedMessage id='column_back_button.label' defaultMessage='Back' />
  21. </button>
  22. );
  23. }
  24. }