diff --git a/src/pages/Organizations/screens/Organization/OrganizationDetail.jsx b/src/pages/Organizations/screens/Organization/OrganizationDetail.jsx index 2f4bc6dc04..9784d56910 100644 --- a/src/pages/Organizations/screens/Organization/OrganizationDetail.jsx +++ b/src/pages/Organizations/screens/Organization/OrganizationDetail.jsx @@ -51,7 +51,6 @@ class OrganizationDetail extends Component { error: false }; - this.showOverflowChipAfter = 5; this.handleChipToggle = this.handleChipToggle.bind(this); this.loadInstanceGroups = this.loadInstanceGroups.bind(this); } @@ -100,9 +99,10 @@ class OrganizationDetail extends Component { }, match } = this.props; + const showOverflowChipAfter = 5; const instanceGroupChips = instanceGroups.slice(0, isToggleOpen - ? instanceGroups.length : this.showOverflowChipAfter) + ? instanceGroups.length : showOverflowChipAfter) .map(instanceGroup => ( )); - const overflowChip = (instanceGroups.length > this.showOverflowChipAfter) ? ( + const overflowChip = (instanceGroups.length > showOverflowChipAfter) ? ( - {isToggleOpen ? 'Show less' : `${(instanceGroups.length - this.showOverflowChipAfter).toString()} more`} + {isToggleOpen ? 'Show less' : `${(instanceGroups.length - showOverflowChipAfter).toString()} more`} ) : null;