aboutsummaryrefslogtreecommitdiff
path: root/app/javascript/mastodon/components/column_header.js
diff options
context:
space:
mode:
Diffstat (limited to 'app/javascript/mastodon/components/column_header.js')
-rw-r--r--app/javascript/mastodon/components/column_header.js18
1 files changed, 16 insertions, 2 deletions
diff --git a/app/javascript/mastodon/components/column_header.js b/app/javascript/mastodon/components/column_header.js
index 1bb583583..236e92296 100644
--- a/app/javascript/mastodon/components/column_header.js
+++ b/app/javascript/mastodon/components/column_header.js
@@ -34,6 +34,7 @@ class ColumnHeader extends React.PureComponent {
onMove: PropTypes.func,
onClick: PropTypes.func,
appendContent: PropTypes.node,
+ collapseIssues: PropTypes.bool,
};
state = {
@@ -83,7 +84,7 @@ class ColumnHeader extends React.PureComponent {
}
render () {
- const { title, icon, active, children, pinned, multiColumn, extraButton, showBackButton, intl: { formatMessage }, placeholder, appendContent } = this.props;
+ const { title, icon, active, children, pinned, multiColumn, extraButton, showBackButton, intl: { formatMessage }, placeholder, appendContent, collapseIssues } = this.props;
const { collapsed, animating } = this.state;
const wrapperClassName = classNames('column-header__wrapper', {
@@ -145,7 +146,20 @@ class ColumnHeader extends React.PureComponent {
}
if (children || (multiColumn && this.props.onPin)) {
- collapseButton = <button className={collapsibleButtonClassName} title={formatMessage(collapsed ? messages.show : messages.hide)} aria-label={formatMessage(collapsed ? messages.show : messages.hide)} aria-pressed={collapsed ? 'false' : 'true'} onClick={this.handleToggleClick}><Icon id='sliders' /></button>;
+ collapseButton = (
+ <button
+ className={collapsibleButtonClassName}
+ title={formatMessage(collapsed ? messages.show : messages.hide)}
+ aria-label={formatMessage(collapsed ? messages.show : messages.hide)}
+ aria-pressed={collapsed ? 'false' : 'true'}
+ onClick={this.handleToggleClick}
+ >
+ <i className='icon-with-badge'>
+ <Icon id='sliders' />
+ {collapseIssues && <i className='icon-with-badge__issue-badge' />}
+ </i>
+ </button>
+ );
}
const hasTitle = icon && title;