Show message when get error

src/app/shared/users/access-token/access-tokens.component.html

@@ -53,6 +53,8 @@
                 <div *ngIf="name.errors.required">{{'SSH_KEYS.MODAL.ERROR.NAME_REQUIRED' | translate}}</div>
                 <div *ngIf="name.errors.minlength">{{'SSH_KEYS.MODAL.ERROR.NAME_MINLENGTH' | translate}}</div>
                 <div *ngIf="name.errors.maxlength">{{'SSH_KEYS.MODAL.ERROR.NAME_MAXLENGTH' | translate}}</div>
+                <div *ngIf="name.errors.notUnique">{{name.errors.message}}</div>
+
             </div>
             <input type="submit" class="btn btn-success" value="{{'SSH_KEYS.MODAL.BUTTON_ADD' | translate}}"
                    [disabled]="!requestForm.valid">

src/app/shared/users/access-token/access-tokens.component.ts

@@ -54,7 +54,7 @@ export class AccessTokensComponent implements OnInit {
     deleteToken(id: number) {
         this.tokenService.deleteToken(id).subscribe(
             (_) => this.getData(),
-            error => console.error(error)
+            error => console.error(error.err)
         );
     }
 
@@ -65,7 +65,11 @@ export class AccessTokensComponent implements OnInit {
                 this.requestForm.reset();
                 this.modal.hide();
             },
-            error: err => console.warn(err)
+            error: err => {
+                console.warn(err.error.message)
+                this.requestForm.controls['name'].setErrors({notUnique: true, message: err.error.message}); 
+                console.log(this.requestForm)
+            }
         })
     }