Merge pull request #78 from stratisproject/ui

Add temporary redirect after creating/recovering wallet

Breeze.UI/src/app/setup/create/create.component.html

@@ -34,7 +34,7 @@
   <div class="row">
     <div class="col" id="mnemonic">
       <label>Mnemonic:</label>
-      <label>{{responseMessage}}</label>
+      <label>{{ mnemonic }}</label>
     </div>
   </div>
 </div>

Breeze.UI/src/app/setup/create/create.component.ts

@@ -22,8 +22,7 @@ export class CreateComponent {
   private createWalletForm: FormGroup;
   private newWallet: WalletCreation;
 
-  private responseMessage: string;
-  private errorMessage: string;
+  private mnemonic: string;
 
   private buildCreateForm(): void {
     this.createWalletForm = this.fb.group({
@@ -94,13 +93,15 @@ export class CreateComponent {
       .subscribe(
         response => {
           if (response.status >= 200 && response.status < 400){
-            this.responseMessage = response.json();
+            this.mnemonic = response.json();
+            alert("Your wallet has been created. Please write down your 12 word passphrase: \n" + this.mnemonic + "\nYou will be redirected to the decryption page.");
+            this.router.navigate(['']);
           }
         },
         error => {
           if (error.status >= 400) {
-            this.errorMessage = error;
-            console.log(this.errorMessage);
+            let errorMessage = error;
+            console.log(errorMessage);
           }
         }
       );

Breeze.UI/src/app/setup/recover/recover.component.ts

@@ -107,6 +107,8 @@ export class RecoverComponent implements OnInit {
         response => {
           if (response.status >= 200 && response.status < 400) {
             this.responseMessage = response;
+            alert("Your wallet has been recovered. \nYou will be redirected to the decryption page.");
+            this.router.navigate([''])
           }
         },
         error => {

Breeze.UI/src/styles.css

@@ -2,6 +2,7 @@
 
 * {
   font-family: "Lato";
+  user-select: none;
 }
 
 /* Temporary min td with */