From aa9894711b36021dbae7f8702dfeb4bf1df9ff89 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Thu, 18 May 2017 12:46:30 +0200
Subject: [PATCH] Connection dialog timestamp info (#5554)

* Timetsamp adjustment note

* Type & unneeded values
---
 js/src/views/Connection/connection.css | 9 ++++++++-
 js/src/views/Connection/connection.js  | 7 +++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/js/src/views/Connection/connection.css b/js/src/views/Connection/connection.css
index 9018c5937..0603e6c1d 100644
--- a/js/src/views/Connection/connection.css
+++ b/js/src/views/Connection/connection.css
@@ -49,7 +49,7 @@
 }
 
 .info {
-  margin-top: 2em;
+  margin-top: 1em;
   line-height: 1.618em
 }
 
@@ -59,6 +59,13 @@
   text-align: left;
 }
 
+.timestamp {
+  background: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  margin: 0.75em 0;
+  padding: 1em;
+}
+
 .btnrow {
   text-align: right;
   padding: 0 4em;
diff --git a/js/src/views/Connection/connection.js b/js/src/views/Connection/connection.js
index 788385b89..58c6ebaac 100644
--- a/js/src/views/Connection/connection.js
+++ b/js/src/views/Connection/connection.js
@@ -94,8 +94,15 @@ class Connection extends Component {
               } }
             />
           </div>
+          <div className={ styles.timestamp }>
+            <FormattedMessage
+              id='connection.timestamp'
+              defaultMessage='Ensure that both the Parity node and this machine connecting have computer clocks in-sync with each other and with a timestamp server, ensuring both successful token validation and block operations.'
+            />
+          </div>
           <div className={ styles.form }>
             <Input
+              autoFocus
               disabled={ loading }
               error={
                 validToken || (!token || !token.length)