Add heading to help menu

This commit is contained in:
Saúl Ibarra Corretgé 2018-06-24 08:31:44 +02:00 committed by Hristo Terezov
parent 1d3cfbb569
commit c3d5c8e609
1 changed files with 12 additions and 4 deletions

View File

@ -1,6 +1,6 @@
// @flow
import Droplist, { Item } from '@atlaskit/droplist';
import Droplist, { Item, Group } from '@atlaskit/droplist';
import HelpIcon from '@atlaskit/icon/glyph/question-circle';
import React, { Component } from 'react';
@ -97,9 +97,17 @@ export default class HelpButton extends Component< *, State> {
onOpenChange = { this._onIconClick }
position = 'right bottom'
trigger = { <HelpIcon /> }>
<Item onActivate = { this._onTermsOptionClick }>Terms</Item>
<Item onActivate = { this._onPrivacyOptionClick }>Privacy</Item>
<Item onActivate = { this._onSendFeedback }>Send Feedback</Item>
<Group heading = 'Help'>
<Item onActivate = { this._onTermsOptionClick }>
Terms
</Item>
<Item onActivate = { this._onPrivacyOptionClick }>
Privacy
</Item>
<Item onActivate = { this._onSendFeedback }>
Send Feedback
</Item>
</Group>
</Droplist>
);
}