3 files changed, 11 insertions, 15 deletions
diff --git a/src/app/components/error-bar/error-bar.component.css b/src/app/components/error-bar/error-bar.component.css
index 8f8edd9..880f205 100644
--- a/src/app/components/error-bar/error-bar.component.css
+++ b/src/app/components/error-bar/error-bar.component.css
@@ -5,6 +5,8 @@
   color: white;
   padding: .2em;
   text-align: center;
+  word-wrap: break-word;
+  white-space: pre-wrap;
 }
 
 #error-bar:empty {
diff --git a/src/app/components/error-bar/error-bar.component.ts b/src/app/components/error-bar/error-bar.component.ts
index 111bac8..277552b 100644
--- a/src/app/components/error-bar/error-bar.component.ts
+++ b/src/app/components/error-bar/error-bar.component.ts
@@ -1,6 +1,5 @@
 import { HttpErrorResponse } from '@angular/common/http';
 import { Component, OnInit } from '@angular/core';
-import { IApiError } from 'src/interfaces/api-error';
 
 @Component({
   selector: 'app-error-bar',
@@ -18,14 +17,15 @@ export class ErrorBarComponent implements OnInit {
   }
 
   showError(error: HttpErrorResponse): void {
-    const test: IApiError = {
-      type: '',
-      title: 'Error!',
-      status: 0,
-      traceId: ''
-    };
-    Object.assign(test, error.error);
-    this.errorMsg = test.title;
+    this.errorMsg = '';
+
+    const errors: string[][] = Object.values(Object.values(error.error)[0] as any);
+
+    for (const errorArr of errors) {
+      for (const errorMsg of errorArr) {
+        this.errorMsg += errorMsg + '\n';
+      }
+    }
   }
 
   hideError(): void {
diff --git a/src/interfaces/api-error.ts b/src/interfaces/api-error.ts
deleted file mode 100644
index 4dd68f3..0000000
--- a/src/interfaces/api-error.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface IApiError {
-  type: string;
-  title: string;
-  status: number;
-  traceId: string;
-}