From bc3bc4f93096550b701d3a26a50577aeb6d624dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Tue, 24 Jul 2018 18:02:19 +0200
Subject: [PATCH] feat(ui): show version information in the settings modal

---
 ui/src/Components/MainModal/index.js | 9 ++++++++-
 ui/src/Components/NavBar/index.js    | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/ui/src/Components/MainModal/index.js b/ui/src/Components/MainModal/index.js
index 2b75f17df..104367544 100644
--- a/ui/src/Components/MainModal/index.js
+++ b/ui/src/Components/MainModal/index.js
@@ -7,6 +7,7 @@ import { observable, action } from "mobx";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faCog } from "@fortawesome/free-solid-svg-icons/faCog";
 
+import { AlertStore } from "Stores/AlertStore";
 import { Settings } from "Stores/Settings";
 import { Configuration } from "./Configuration";
 import { Help } from "./Help";
@@ -35,6 +36,7 @@ const TabNames = Object.freeze({
 const MainModal = observer(
   class MainModal extends Component {
     static propTypes = {
+      alertStore: PropTypes.instanceOf(AlertStore).isRequired,
       settingsStore: PropTypes.instanceOf(Settings).isRequired
     };
 
@@ -70,7 +72,7 @@ const MainModal = observer(
     }
 
     render() {
-      const { settingsStore } = this.props;
+      const { alertStore, settingsStore } = this.props;
 
       return (
         <React.Fragment>
@@ -119,6 +121,11 @@ const MainModal = observer(
                       <Configuration settingsStore={settingsStore} />
                     ) : null}
                   </div>
+                  <div className="modal-footer">
+                    <span className="text-muted">
+                      Version: {alertStore.info.version}
+                    </span>
+                  </div>
                 </div>
               </div>
             </div>
diff --git a/ui/src/Components/NavBar/index.js b/ui/src/Components/NavBar/index.js
index b8df37ecb..0da8259a8 100644
--- a/ui/src/Components/NavBar/index.js
+++ b/ui/src/Components/NavBar/index.js
@@ -38,7 +38,7 @@ const NavBar = observer(
               alertStore={alertStore}
               settingsStore={settingsStore}
             />
-            <MainModal settingsStore={settingsStore} />
+            <MainModal alertStore={alertStore} settingsStore={settingsStore} />
           </nav>
         </div>
       );