From 854cb4b3d877c8a2bb07c445111582b281a794c0 Mon Sep 17 00:00:00 2001
From: mledecky1091 <marekmatej.firma@gmail.com>
Date: Wed, 31 Oct 2018 09:03:03 +0100
Subject: [PATCH] footer updates

Signed-off-by: mledecky1091 <marekmatej.firma@gmail.com>
---
 src/components/common/Footer.js             |  8 ++----
 src/components/common/FooterUpdateStatus.js | 30 +++++++++++++++++++++
 2 files changed, 32 insertions(+), 6 deletions(-)
 create mode 100644 src/components/common/FooterUpdateStatus.js

diff --git a/src/components/common/Footer.js b/src/components/common/Footer.js
index fc0f7b9..a5b12d0 100644
--- a/src/components/common/Footer.js
+++ b/src/components/common/Footer.js
@@ -10,6 +10,7 @@
 
 import React from "react";
 import { translate } from "react-i18next";
+import FooterUpdateStatus from "./FooterUpdateStatus";
 
 const Footer = props => {
   const { t } = props;
@@ -26,12 +27,7 @@ const Footer = props => {
         </strong>{" "}
         {t("if you found this useful")}
       </div>
-      <div className="ml-auto">
-        <b className="hidden-xs-down">{t("Core Version")}: </b>
-        <b className="hidden-sm-up">C: </b> <span id="piholeVersion">vDev</span>
-        <b className="hidden-xs-down">, {t("Web Version")}: </b>
-        <b className="hidden-sm-up">, W: </b> <span id="webVersion">vDev</span>
-      </div>
+      <FooterUpdateStatus {...props} />
     </footer>
   );
 };
diff --git a/src/components/common/FooterUpdateStatus.js b/src/components/common/FooterUpdateStatus.js
new file mode 100644
index 0000000..1cdb7c1
--- /dev/null
+++ b/src/components/common/FooterUpdateStatus.js
@@ -0,0 +1,30 @@
+/* Pi-hole: A black hole for Internet advertisements
+*  (c) 2017 Pi-hole, LLC (https://pi-hole.net)
+*  Network-wide ad blocking via your own hardware.
+*
+*  Web Interface
+*  FooterUpdateStatus component
+*
+*  This file is copyright under the latest version of the EUPL.
+*  Please see LICENSE file for your rights under this license. */
+
+import React from "react";
+import { translate } from "react-i18next";
+import { Link } from "react-router-dom";
+
+const FooterUpdateStatus = props => {
+  const { t } = props;
+  const updateAvailable = false;
+
+  if (updateAvailable) {
+    return (
+      <div className="ml-auto">
+        <Link to="/settings/versions">{t("Update Available")}</Link>
+      </div>
+    );
+  } else {
+    return null;
+  }
+};
+
+export default translate("footer")(FooterUpdateStatus);