change start to continue after signer ready (#338)

* change start to continue after signer readty

Signed-off-by: Apokalip <simeon@manta.network>

* Changelog

Signed-off-by: Apokalip <simeon@manta.network>

---------

Signed-off-by: Apokalip <simeon@manta.network>
Signed-off-by: Simeon Zahariev <43317481+Apokalip@users.noreply.github.com>

Author: Apokalip

CHANGELOG.md

@@ -8,7 +8,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 ### Added
 
 ### Changed
-[\#332](https://github.com/Manta-Network/manta-signer/pull/332) Add sink account validation
+- [\#338](https://github.com/Manta-Network/manta-signer/pull/338) Change start button to continue in View zkAddress.
+- [\#332](https://github.com/Manta-Network/manta-signer/pull/332) Add sink account validation
 
 ### Deprecated
 

ui/src/App.js

@@ -33,6 +33,7 @@ function App() {
   const [authorizationSummary, setAuthorizationSummary] = useState(null);
   const [receivingKey, setReceivingKey] = useState(null);
   const [loginSuccess, setLoginSuccess] = useState(false);
+  const [signerReady, setSignerReady] = useState(false);
   const [receivingKeyDisplay, setReceivingKeyDisplay] = useState(null);
   const [activeListeners, setActiveListeners] = useState({
     authorize: false,
@@ -389,6 +390,8 @@ function App() {
             <SignIn
               loginSuccess={loginSuccess}
               setLoginSuccess={setLoginSuccess}
+              signerReady={signerReady}
+              setSignerReady={setSignerReady}
               sendSelection={sendSelection}
               getReceivingKeys={getReceivingKeys}
               receivingKey={receivingKey}

ui/src/pages/SignIn/SignIn.js

@@ -5,6 +5,8 @@ import SignInSuccess from './SignInSuccess';
 const SignIn = ({
   loginSuccess,
   setLoginSuccess,
+  signerReady,
+  setSignerReady,
   sendSelection,
   getReceivingKeys,
   receivingKey,
@@ -64,6 +66,7 @@ const SignIn = ({
   }
 
   const onClickFinishSignIn = async () => {
+    setSignerReady(true);
     await hideWindow();
   }
 
@@ -80,6 +83,7 @@ const SignIn = ({
     }
     {loginSuccess &&
       <SignInSuccess
+      signerReady={signerReady}
       receivingKeyDisplay={receivingKeyDisplay}
       showCopyNotification={showCopyNotification}
       onClickCopyZkAddress={onClickCopyZkAddress}

ui/src/pages/SignIn/SignInSuccess.js

@@ -7,6 +7,7 @@ import CopyButton from '../../components/copyButton';
 import "../../App.css";
 
 const SignInSuccess = ({
+  signerReady,
   receivingKeyDisplay,
   showCopyNotification,
   onClickCopyZkAddress,
@@ -56,9 +57,16 @@ const SignInSuccess = ({
       </div>
 
     </div>
-    <Button className="button ui first" onClick={onClickFinishSignIn}>
-      Start
-    </Button>
+    {
+      signerReady ?
+        <Button className="button ui first" onClick={onClickFinishSignIn}>
+          Continue
+        </Button>
+        :
+        <Button className="button ui first" onClick={onClickFinishSignIn}>
+          Start
+        </Button>
+    }
   </div>)
 }