From 8c8b4172dcbc63a216c156ad08e0a6726f794646 Mon Sep 17 00:00:00 2001
From: danbulant <danbulant@gmail.com>
Date: Fri, 7 Feb 2020 22:22:08 +0100
Subject: [PATCH] Show current Time

---
 client/src/ui/system/login.js | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/client/src/ui/system/login.js b/client/src/ui/system/login.js
index 2bfc8c7..3413622 100644
--- a/client/src/ui/system/login.js
+++ b/client/src/ui/system/login.js
@@ -5,8 +5,20 @@ import "../../App.css";
 class Login extends React.Component{
     constructor(p){
         super(p)
+        let date = new Date();
+        setTimeout(() => {
+            let date = new Date();
+            let time = date.getHours().toString().padStart(2, "0") + ":" + date.getMinutes().toString().padStart(2, "0");
+            this.state = {
+                time
+            };
+            setInterval(this, 60000);
+        }, (60 - date.getSeconds()) * 1000);
+
+        let time = date.getHours().toString().padStart(2, "0") + ":" + date.getMinutes().toString().padStart(2, "0");
         this.state = {
-            login: false
+            login: false,
+            time
         };
     }
     componentDidMount(){
@@ -31,11 +43,12 @@ class Login extends React.Component{
         document.addEventListener("keydown", showLogin);
     }
     render(props){
+        var time = this.state.time;
         if (this.state.login) {
             return (
                 <div id="loginPage" className="login active">
                     <div className="time active">
-                        00:00
+                        {time}
                     </div>
                     <div className="user active">
                         <div className="avatar-holder">
@@ -51,16 +64,9 @@ class Login extends React.Component{
         return (
             <div id="loginPage" className="login">
                 <div className="time">
-                    20:48
-                    Press ENTER to open login
+                    {time}
                 </div>
                 <div className="user">
-                    <div className="avatar-holder">
-                        <img className="avatar" alt="avatar" />
-                    </div>
-                    <div className="password-holder">
-                        <input type="password" className="password" />
-                    </div>
                 </div>
             </div>
         );