* Refactor uses of icons to an Icon component in web UI * Refactor options passed to the Icon component * Make tests work with absolute component paths
		
			
				
	
	
		
			29 lines
		
	
	
	
		
			775 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			29 lines
		
	
	
	
		
			775 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import React from 'react';
 | |
| import { FormattedMessage } from 'react-intl';
 | |
| import PropTypes from 'prop-types';
 | |
| import Icon from 'mastodon/components/icon';
 | |
| 
 | |
| export default class ColumnBackButton extends React.PureComponent {
 | |
| 
 | |
|   static contextTypes = {
 | |
|     router: PropTypes.object,
 | |
|   };
 | |
| 
 | |
|   handleClick = () => {
 | |
|     if (window.history && window.history.length === 1) {
 | |
|       this.context.router.history.push('/');
 | |
|     } else {
 | |
|       this.context.router.history.goBack();
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   render () {
 | |
|     return (
 | |
|       <button onClick={this.handleClick} className='column-back-button'>
 | |
|         <Icon id='chevron-left' className='column-back-button__icon' fixedWidth />
 | |
|         <FormattedMessage id='column_back_button.label' defaultMessage='Back' />
 | |
|       </button>
 | |
|     );
 | |
|   }
 | |
| 
 | |
| }
 |