diff --git a/frontend/src/app/chat/chat-controls/chat-controls.component.html b/frontend/src/app/chat/chat-controls/chat-controls.component.html
index c8429b66..ef41795e 100644
--- a/frontend/src/app/chat/chat-controls/chat-controls.component.html
+++ b/frontend/src/app/chat/chat-controls/chat-controls.component.html
@@ -1,31 +1,18 @@
-<mat-card
-  [formGroup]="chatForm"
-  style="width: 100%; min-height: 125px; margin-bottom: 8px"
->
+<mat-card [formGroup]="chatForm" style="width: 100%; min-height: 125px; margin-bottom: 8px">
   <mat-card-content>
     <div fxLayout="row" fxLayoutGap="8px" fxLayoutAlign="center center">
       <!-- TODO: Better layout of form controls -->
       <mat-form-field fxFlex="calc(100%-56px-56px-16px-16px-8px-8px)">
-        <textarea
-          matInput
-          placeholder="Message"
-          formControlName="message"
-          (keydown.enter)="submit()"
-        ></textarea>
+        <textarea matInput placeholder="Message" formControlName="message" (keydown.enter)="submit()"></textarea>
       </mat-form-field>
 
-      <button
-        mat-fab
-        color="primary"
-        (click)="submit()"
-        [disabled]="!chatForm.get('message')?.value"
-      >
+      <button mat-fab color="primary" (click)="submit()" [disabled]="!chatForm.get('message')?.value">
         <mat-icon>send</mat-icon>
       </button>
 
       <input
         #fileInput
-        style="display: none;"
+        style="display: none"
         id="input-file-id"
         multiple
         type="file"
@@ -41,7 +28,7 @@ <h6 *ngIf="hasAttachments()">Attachments:</h6>
 
     <mat-chip-list
       #chipList
-      style="width: 100%; margin-bottom: 8px;"
+      style="width: 100%; margin-bottom: 8px"
       fxLayout="row"
       fxLayoutGap="8px"
       fxLayoutAlign="start center"
diff --git a/frontend/src/app/chat/chat-controls/chat-controls.component.spec.ts b/frontend/src/app/chat/chat-controls/chat-controls.component.spec.ts
index b853f4ae..3e05bf35 100644
--- a/frontend/src/app/chat/chat-controls/chat-controls.component.spec.ts
+++ b/frontend/src/app/chat/chat-controls/chat-controls.component.spec.ts
@@ -8,9 +8,8 @@ describe('ChatControlsComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ChatControlsComponent ]
-    })
-    .compileComponents();
+      declarations: [ChatControlsComponent],
+    }).compileComponents();
   }));
 
   beforeEach(() => {
diff --git a/frontend/src/app/chat/chat-controls/chat-controls.component.ts b/frontend/src/app/chat/chat-controls/chat-controls.component.ts
index cc21e338..79a72e27 100644
--- a/frontend/src/app/chat/chat-controls/chat-controls.component.ts
+++ b/frontend/src/app/chat/chat-controls/chat-controls.component.ts
@@ -3,12 +3,12 @@ import { Component, Input, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { debounceTime, filter, throttleTime } from 'rxjs/operators';
 // import {FirebaseAttachmentService} from "@app/chat/services/firebase/firebase-attachment.service";
-import {FirebaseChatService} from "@app/chat/services/firebase/firebase-chat.service";
+import { FirebaseChatService } from '@app/chat/services/firebase/firebase-chat.service';
 
 @Component({
   selector: 'app-chat-controls',
   templateUrl: './chat-controls.component.html',
-  styleUrls: ['./chat-controls.component.scss']
+  styleUrls: ['./chat-controls.component.scss'],
 })
 export class ChatControlsComponent implements OnInit {
   @Input() chatId: string = '';
@@ -30,19 +30,19 @@ export class ChatControlsComponent implements OnInit {
 
     this.messageControl.valueChanges
       .pipe(
-        filter(data => data !== ''),
+        filter((data) => data !== ''),
         throttleTime(1400)
       )
-      .subscribe(data => {
+      .subscribe((data) => {
         // this.chatService.sendIsTyping(this.chatId).then();
       });
 
     this.messageControl.valueChanges
       .pipe(
-        filter(data => data !== ''),
+        filter((data) => data !== ''),
         debounceTime(1500)
       )
-      .subscribe(data => {
+      .subscribe((data) => {
         // this.chatService.deleteIsTyping(this.chatId).then();
       });
   }
@@ -75,7 +75,7 @@ export class ChatControlsComponent implements OnInit {
 
   getAttachments(): File[] {
     // return this.attachmentService.getFiles();
-    return []
+    return [];
   }
 
   hasAttachments() {
diff --git a/frontend/src/app/chat/chat-header/chat-header.component.html b/frontend/src/app/chat/chat-header/chat-header.component.html
index c3aa3f79..d8abbf2b 100644
--- a/frontend/src/app/chat/chat-header/chat-header.component.html
+++ b/frontend/src/app/chat/chat-header/chat-header.component.html
@@ -1,9 +1,7 @@
-<mat-toolbar color="primary" >
-        <span
-        >Asset Chat<span *ngIf="chatId"> - {{ chatId }}</span></span
-        >
-    <span style="flex: 1 1 auto;"></span>
-    <button mat-button routerLink="/" style="font-size: 20px;">
-        Back
-    </button>
-</mat-toolbar>
\ No newline at end of file
+<mat-toolbar color="primary">
+  <span
+    >Asset Chat<span *ngIf="chatId"> - {{ chatId }}</span></span
+  >
+  <span style="flex: 1 1 auto"></span>
+  <button mat-button routerLink="/" style="font-size: 20px">Back</button>
+</mat-toolbar>
diff --git a/frontend/src/app/chat/chat-header/chat-header.component.spec.ts b/frontend/src/app/chat/chat-header/chat-header.component.spec.ts
index 87907728..51a9e53f 100644
--- a/frontend/src/app/chat/chat-header/chat-header.component.spec.ts
+++ b/frontend/src/app/chat/chat-header/chat-header.component.spec.ts
@@ -8,9 +8,8 @@ describe('ChatHeaderComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ChatHeaderComponent ]
-    })
-    .compileComponents();
+      declarations: [ChatHeaderComponent],
+    }).compileComponents();
   }));
 
   beforeEach(() => {
diff --git a/frontend/src/app/chat/chat-header/chat-header.component.ts b/frontend/src/app/chat/chat-header/chat-header.component.ts
index 81aa05b5..e8398c78 100644
--- a/frontend/src/app/chat/chat-header/chat-header.component.ts
+++ b/frontend/src/app/chat/chat-header/chat-header.component.ts
@@ -3,7 +3,7 @@ import { Component, Input } from '@angular/core';
 @Component({
   selector: 'app-chat-header',
   templateUrl: './chat-header.component.html',
-  styleUrls: ['./chat-header.component.scss']
+  styleUrls: ['./chat-header.component.scss'],
 })
 export class ChatHeaderComponent {
   @Input() chatId: string = '';
diff --git a/frontend/src/app/chat/chat-message/chat-message.component.html b/frontend/src/app/chat/chat-message/chat-message.component.html
index 02e15877..a41275fd 100644
--- a/frontend/src/app/chat/chat-message/chat-message.component.html
+++ b/frontend/src/app/chat/chat-message/chat-message.component.html
@@ -1,4 +1,4 @@
-<div style="display: flex; flex-direction: column;">
+<div style="display: flex; flex-direction: column">
   <mat-chip
     style="width: fit-content; align-self: center; margin: 8px"
     *ngIf="isPreviousMessageFromOtherDay()"
@@ -8,7 +8,7 @@
     >{{ getDateDivider(msg) }}</mat-chip
   >
   <mat-card
-    style="box-shadow: none; background-color: transparent;"
+    style="box-shadow: none; background-color: transparent"
     [ngStyle]="{
       'align-self': msg.uid !== user.uid ? 'flex-end' : 'flex-start',
       'padding-top': !(isPredecessorSameAuthor() && isTemporalClose()) ? '16px' : '0px',
@@ -31,19 +31,16 @@
       />
       <mat-card-title
         *ngIf="!(isPredecessorSameAuthor() && isTemporalClose())"
-        style="font-size: 16px; margin-bottom: 6px;"
+        style="font-size: 16px; margin-bottom: 6px"
       >
         {{ getUserName(msg.user) }}
       </mat-card-title>
     </mat-card-header>
-    <mat-card-content
-      style="display: inline-flex; flex-direction: column; width: 100%;"
-    >
+    <mat-card-content style="display: inline-flex; flex-direction: column; width: 100%">
       <!-- Message content-->
       <mat-card
         [ngStyle]="{
-          'background-color':
-            msg.uid !== user.uid ? 'lightslategrey' : '#536DFE',
+          'background-color': msg.uid !== user.uid ? 'lightslategrey' : '#536DFE',
           color: msg.uid !== user.uid ? 'white' : 'white',
           'align-self': msg.uid !== user.uid ? 'flex-end' : 'flex-start',
           'text-align': msg.uid !== user.uid ? 'end' : 'start',
@@ -55,10 +52,10 @@
           padding: '16px 12px 12px 12px'
         }"
       >
-        <div style="top: 2px;position: absolute;right: 4px; font-size: 12px; opacity: 0.6">
+        <div style="top: 2px; position: absolute; right: 4px; font-size: 12px; opacity: 0.6">
           {{ getCreatedDate(msg) }}
         </div>
-        <span style="overflow-wrap: break-word;">{{ msg.content }}</span>
+        <span style="overflow-wrap: break-word">{{ msg.content }}</span>
       </mat-card>
 
       <button
diff --git a/frontend/src/app/chat/chat-message/chat-message.component.spec.ts b/frontend/src/app/chat/chat-message/chat-message.component.spec.ts
index 8165deb8..d7175014 100644
--- a/frontend/src/app/chat/chat-message/chat-message.component.spec.ts
+++ b/frontend/src/app/chat/chat-message/chat-message.component.spec.ts
@@ -8,7 +8,7 @@ describe('ChatMessageComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ChatMessageComponent]
+      declarations: [ChatMessageComponent],
     }).compileComponents();
   }));
 
diff --git a/frontend/src/app/chat/chat-message/chat-message.component.ts b/frontend/src/app/chat/chat-message/chat-message.component.ts
index 43ce50c1..9d3cfc4a 100644
--- a/frontend/src/app/chat/chat-message/chat-message.component.ts
+++ b/frontend/src/app/chat/chat-message/chat-message.component.ts
@@ -6,7 +6,7 @@ import * as moment from 'moment';
 @Component({
   selector: 'app-chat-message',
   templateUrl: './chat-message.component.html',
-  styleUrls: ['./chat-message.component.scss']
+  styleUrls: ['./chat-message.component.scss'],
 })
 export class ChatMessageComponent implements OnInit {
   @Input() msg: Message = {} as Message;
@@ -24,7 +24,7 @@ export class ChatMessageComponent implements OnInit {
     // }
     //
     // return msg.createdAt.format('l');
-    return ''
+    return '';
   }
 
   getUserName(user: User | undefined): string | null {
@@ -39,7 +39,7 @@ export class ChatMessageComponent implements OnInit {
       return null;
     }
     // return msg.createdAt.format('LT');
-    return ''
+    return '';
   }
 
   isPredecessorSameAuthor(): boolean {
diff --git a/frontend/src/app/chat/chat.component.ts b/frontend/src/app/chat/chat.component.ts
index 36608644..5bea63c8 100644
--- a/frontend/src/app/chat/chat.component.ts
+++ b/frontend/src/app/chat/chat.component.ts
@@ -24,9 +24,8 @@ export class ChatComponent implements OnInit {
 
   constructor(
     public chatService: FirebaseChatService,
-    private route: ActivatedRoute
-  ) // public auth: FirebaseAuthService
-  {}
+    private route: ActivatedRoute // public auth: FirebaseAuthService
+  ) {}
 
   ngOnInit() {
     const chatId: string | null = this.route.snapshot.paramMap.get('id');
diff --git a/frontend/src/app/chat/services/api/api-chat.service.ts b/frontend/src/app/chat/services/api/api-chat.service.ts
index 3167a4d7..5f3bbe1c 100644
--- a/frontend/src/app/chat/services/api/api-chat.service.ts
+++ b/frontend/src/app/chat/services/api/api-chat.service.ts
@@ -12,29 +12,25 @@ export class ApiChatService extends ChatBaseService {
     super();
   }
 
-  create(): Promise<boolean> {
-    return undefined;
+  async create(): Promise<boolean> {
+    return false;
   }
 
-  deleteIsTyping(chatId: string): Promise<void> {
+  async deleteIsTyping(chatId: string): Promise<void> {
     return undefined;
   }
 
-  deleteMessage(chat: Chat, msg: Message): Promise<void> {
+  async deleteMessage(chat: Chat, msg: Message): Promise<void> {
     return undefined;
   }
 
   getHistory(chatId: string): Observable<any> {
-    return undefined;
+    return new Observable<any>();
   }
 
-  sendIsTyping(chatId: string): Promise<void> {
-    return undefined;
-  }
+  async sendIsTyping(chatId: string): Promise<void> {}
 
-  sendMessage(chatId: string, content: string): Promise<void> {
-    return undefined;
-  }
+  async sendMessage(chatId: string, content: string): Promise<void> {}
 
   buildChat(source: Observable<any>) {}
 }