Files
app
assets
controllers
helpers
javascript
fonts
images
mastodon
actions
components
account.js
attachment_list.js
autosuggest_textarea.js
avatar.js
avatar_overlay.js
button.js
collapsable.js
column_back_button.js
column_back_button_slim.js
column_collapsable.js
display_name.js
dropdown_menu.js
extended_video_player.js
icon_button.js
load_more.js
loading_indicator.js
media_gallery.js
missing_indicator.js
permalink.js
relative_timestamp.js
status.js
status_action_bar.js
status_content.js
status_list.js
video_player.js
containers
features
locales
middleware
reducers
selectors
store
.gitkeep
api.js
base_polyfills.js
emoji.js
extra_polyfills.js
is_mobile.js
link_header.js
main.js
performance.js
rtl.js
stream.js
uuid.js
packs
styles
lib
mailers
models
presenters
services
validators
views
workers
bin
config
db
docs
lib
log
nanobox
public
spec
storybook
streaming
vendor
.babelrc
.buildpacks
.codeclimate.yml
.dockerignore
.editorconfig
.env.nanobox
.env.production.sample
.env.test
.env.vagrant
.eslintignore
.eslintrc.yml
.foreman
.gitignore
.haml-lint.yml
.nanoignore
.nvmrc
.postcssrc.yml
.profile
.rspec
.rubocop.yml
.ruby-version
.scss-lint.yml
.slugignore
.travis.yml
Aptfile
CONTRIBUTING.md
Capfile
Dockerfile
Gemfile
Gemfile.lock
ISSUE_TEMPLATE.md
LICENSE
Procfile
Procfile.dev
README.md
Rakefile
Vagrantfile
app.json
boxfile.yml
config.ru
docker-compose.yml
docker_entrypoint.sh
package.json
scalingo.json
yarn.lock
hometown/app/javascript/mastodon/components/column_back_button.js
Yamagishi Kazutoshi 2e112e2406 Improve eslint rules ()
* Add semi to ESLint rules

* Add padded-blocks to ESLint rules

* Add comma-dangle to ESLint rules

* add config/webpack and storyboard

* add streaming/

* yarn test:lint -- --fix
2017-05-20 17:31:47 +02:00

28 lines
722 B
JavaScript

import React from 'react';
import { FormattedMessage } from 'react-intl';
import PropTypes from 'prop-types';
class ColumnBackButton extends React.PureComponent {
static contextTypes = {
router: PropTypes.object,
};
handleClick = () => {
if (window.history && window.history.length === 1) this.context.router.push("/");
else this.context.router.goBack();
}
render () {
return (
<div role='button' tabIndex='0' onClick={this.handleClick} className='column-back-button'>
<i className='fa fa-fw fa-chevron-left column-back-button__icon'/>
<FormattedMessage id='column_back_button.label' defaultMessage='Back' />
</div>
);
}
}
export default ColumnBackButton;