app/assets/javascripts/components/features/notifications/components/clear_column_button.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

import PropTypes from 'prop-types';
import { defineMessages, injectIntl } from 'react-intl';

const messages = defineMessages({
  clear: { id: 'notifications.clear', defaultMessage: 'Clear notifications' }
});

class ClearColumnButton extends React.Component {

  render () {
    const { intl } = this.props;

    return (
      <div role='button' title={intl.formatMessage(messages.clear)} className='column-icon column-icon-clear' tabIndex='0' onClick={this.props.onClick}>
        <i className='fa fa-eraser' />
      </div>
    );
  }
}

ClearColumnButton.propTypes = {
  onClick: PropTypes.func.isRequired,
  intl: PropTypes.object.isRequired
};

export default injectIntl(ClearColumnButton);