From 4bf8bfc6159d918fc97af8c5f1b77f73dfa58693 Mon Sep 17 00:00:00 2001
From: Borys_Levytskyi <Borys_Levytskyi@epam.com>
Date: Thu, 14 Jan 2021 12:09:26 +0200
Subject: [PATCH] Add Color Themes group in help view

---
 src/components/results/HelpResultView.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/results/HelpResultView.tsx b/src/components/results/HelpResultView.tsx
index 2f8dacb..8696801 100644
--- a/src/components/results/HelpResultView.tsx
+++ b/src/components/results/HelpResultView.tsx
@@ -21,6 +21,14 @@ function HelpResultView() {
                                     <li><code><CommandLink text="192.168.0.1/8" /></code> — subnet mask notiations are support as well</li>
                                 </ul>
                                 </div>
+                                <div className="section">
+                                    <strong className="section-title">Color Themes</strong>
+                                <ul>
+                                    <li><code><CommandLink text="light" /></code> — set Light theme</li>
+                                    <li><code><CommandLink text="dark" /></code> — set Dark theme</li>
+                                    <li><code><CommandLink text="midnight" /></code> — set Midnight theme</li>
+                                </ul>
+                                </div>
                                 <div className="section">
                                     <strong className="section-title">Other Commands</strong>
                                 <ul>
@@ -28,9 +36,6 @@ function HelpResultView() {
                                     <li><code><CommandLink text="help" /></code> — display this help</li>
                                     <li><code><CommandLink text="whatsnew" /></code> — display changelog</li>
                                     <li><code><CommandLink text="em" /></code> — turn On/Off Emphasize Bytes</li>
-                                    <li><code><CommandLink text="light" /></code> — set Light theme</li>
-                                    <li><code><CommandLink text="dark" /></code> — set Dark theme</li>
-                                    <li><code><CommandLink text="midnight" /></code> — set Midnight theme</li>
                                     <li><code><CommandLink text="about" /></code> — about the app</li>
                                     <li><code><CommandLink text="guid" /></code> — generate <a href="https://en.wikipedia.org/wiki/Universally_unique_identifier#Version_4_.28random.29">v4</a> GUID</li>
                                 </ul>
@@ -41,7 +46,7 @@ function HelpResultView() {
                                     <strong className="section-title">Supported Bitwise Operations</strong><br/>
                                     <small>
                                         <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators">
-                                            as implemented in JavaScript engine
+                                            as implemented in JavaScript engine of your browser
                                         </a>
                                     </small>
                                     <ul>