Add basic error handling to API calls

Breeze.UI/src/app/login/login.component.ts

@@ -104,10 +104,10 @@ export class LoginComponent implements OnInit {
           }
         },
         error => {
-          let errorMessage = <any>error;
-          if (error.status >= 400) {
-            alert(errorMessage);
-            console.log(errorMessage);
+          if (error.status === 0) {
+            alert("Something went wrong while connecting to the API. Please restart the application.");
+          } else if (error.status >= 400) {
+            alert(error);
           }
         }
       )
@@ -125,12 +125,10 @@ export class LoginComponent implements OnInit {
           }
         },
         error => {
-          let errorMessage = <any>error;
-          if (error.status === 403 && error.json().errors[0].message === "Wrong password, please try again.") {
-            alert("Wrong password, try again.");
+          if (error.status === 0) {
+            alert("Something went wrong while connecting to the API. Please restart the application.");
           } else if (error.status >= 400) {
-            alert(errorMessage);
-            console.log(errorMessage);
+            alert(error);
           }
         }
       )

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

@@ -98,9 +98,10 @@ export class CreateComponent {
           }
         },
         error => {
-          if (error.status >= 400) {
-            let errorMessage = error;
-            console.log(errorMessage);
+          if (error.status === 0) {
+            alert("Something went wrong while connecting to the API. Please restart the application.");
+          } else if (error.status >= 400) {
+            alert(error);
           }
         }
       )

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

@@ -112,9 +112,10 @@ export class RecoverComponent implements OnInit {
           }
         },
         error => {
-          if (error.status >= 400) {
-            this.errorMessage = error;
-            console.log(this.errorMessage);
+          if (error.status === 0) {
+            alert("Something went wrong while connecting to the API. Please restart the application.");
+          } else if (error.status >= 400) {
+            alert(error);
           }
         }
       );

Breeze.UI/src/app/wallet/dashboard/dashboard.component.ts

@@ -50,17 +50,18 @@ export class DashboardComponent {
     this.walletBalanceSubscription = this.apiService.getWalletBalance(walletInfo)
       .subscribe(
         response =>  {
-            if (response.status >= 200 && response.status < 400) {
-                let balanceResponse = response.json();
-                this.confirmedBalance = balanceResponse.balances[0].amountConfirmed;
-                this.unconfirmedBalance = balanceResponse.balances[0].amountUnconfirmed;
-            }
+          if (response.status >= 200 && response.status < 400) {
+              let balanceResponse = response.json();
+              this.confirmedBalance = balanceResponse.balances[0].amountConfirmed;
+              this.unconfirmedBalance = balanceResponse.balances[0].amountUnconfirmed;
+          }
         },
         error => {
-            if (error.status >= 400) {
-                let errorMessage = <any>error;
-                console.log(errorMessage);
-            }
+          if (error.status === 0) {
+            alert("Something went wrong while connecting to the API. Please restart the application.");
+          } else if (error.status >= 400) {
+            alert(error);
+          }
         }
       )
     ;
@@ -78,9 +79,10 @@ export class DashboardComponent {
           }
         },
         error => {
-          if (error.status >= 400) {
-            let errorMessage = <any>error;
-            console.log(errorMessage);
+          if (error.status === 0) {
+            alert("Something went wrong while connecting to the API. Please restart the application.");
+          } else if (error.status >= 400) {
+            alert(error);
           }
         }
       )

Breeze.UI/src/app/wallet/history/history.component.ts

@@ -41,9 +41,10 @@ export class HistoryComponent {
           }
         },
         error => {
-          if (error.status >= 400) {
-            this.errorMessage = <any>error;
-            console.log(this.errorMessage);
+          if (error.status === 0) {
+            alert("Something went wrong while connecting to the API. Please restart the application.");
+          } else if (error.status >= 400) {
+            alert(error);
           }
         }
       )