From cec210ae2b78135aa9d5dc6d5d032efcefd69711 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Tue, 10 Jul 2018 09:47:51 +0200
Subject: [PATCH] fix(ui): use an icon instead of a TODO for main menu

---
 ui/src/Components/NavBar/index.js | 17 +++++++++++++++--
 ui/src/TODO.js                    | 15 ---------------
 2 files changed, 15 insertions(+), 17 deletions(-)
 delete mode 100644 ui/src/TODO.js

diff --git a/ui/src/Components/NavBar/index.js b/ui/src/Components/NavBar/index.js
index 3f5a37f43..c72b96b01 100644
--- a/ui/src/Components/NavBar/index.js
+++ b/ui/src/Components/NavBar/index.js
@@ -5,7 +5,9 @@ import { observer } from "mobx-react";
 
 import ReactResizeDetector from "react-resize-detector";
 
-import TODO from "TODO";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faCog } from "@fortawesome/free-solid-svg-icons/faCog";
+
 import { AlertStore } from "Stores/AlertStore";
 import { FetchIndicator } from "./FetchIndicator";
 import { FilterInput } from "./FilterInput";
@@ -33,7 +35,18 @@ const NavBar = observer(
               <FetchIndicator status={alertStore.status.value.toString()} />
             </span>
             <FilterInput alertStore={alertStore} />
-            <TODO className="main menu" />
+            <ul className="navbar-nav">
+              <li className="nav-item dropdown">
+                <a
+                  className="nav-link dropdown-toggle"
+                  data-toggle="dropdown"
+                  aria-haspopup="true"
+                  aria-expanded="true"
+                >
+                  <FontAwesomeIcon icon={faCog} />
+                </a>
+              </li>
+            </ul>
           </nav>
         </div>
       );
diff --git a/ui/src/TODO.js b/ui/src/TODO.js
deleted file mode 100644
index fe83cc4cf..000000000
--- a/ui/src/TODO.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import React, { PureComponent } from "react";
-import PropTypes from "prop-types";
-
-export default class TODO extends PureComponent {
-  static propTypes = {
-    name: PropTypes.string
-  };
-
-  render() {
-    //console.warn("TODO");
-    return (
-      <div style={{ border: "1px solid red" }}>{this.props.name || "TODO"}</div>
-    );
-  }
-}