From c3d5c8e60931e93a1eb08e150c66e5876109b62d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sa=C3=BAl=20Ibarra=20Corretg=C3=A9?= <s@saghul.net>
Date: Sun, 24 Jun 2018 08:31:44 +0200
Subject: [PATCH] Add heading to help menu

---
 app/features/navbar/components/HelpButton.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/features/navbar/components/HelpButton.js b/app/features/navbar/components/HelpButton.js
index f296b4f..7735421 100644
--- a/app/features/navbar/components/HelpButton.js
+++ b/app/features/navbar/components/HelpButton.js
@@ -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>
         );
     }