footer updates

Signed-off-by: mledecky1091 <marekmatej.firma@gmail.com>

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>
   );
 };

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);