refactor: cleanup

frontend/src/app/app.component.ts

@@ -6,15 +6,12 @@ import { Exportable } from './models/exportable.model';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
-
   public get Database$(): Observable<Exportable> {
     return this.dataStudioService.Database$;
   }
-  constructor(
-    public readonly dataStudioService: DataStudioService) { }
+  constructor(public readonly dataStudioService: DataStudioService) {}
 
   public exportSvg(svg: string, markdown: string): void {
     this.dataStudioService.saveCommand({ chart: svg, mermaid: markdown });

frontend/src/app/components/button/button.component.ts

@@ -3,9 +3,8 @@ import { Component, EventEmitter, Output } from '@angular/core';
 @Component({
   selector: 'app-button',
   templateUrl: './button.component.html',
-  styleUrls: ['./button.component.scss']
+  styleUrls: ['./button.component.scss'],
 })
 export class ButtonComponent {
   @Output() public readonly clicked = new EventEmitter<boolean>();
-  constructor() { }
 }

frontend/src/app/components/dev-bar/dev-bar.component.ts

@@ -1,13 +1,12 @@
 /* istanbul ignore file */
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 import { Status } from '../../../../../shared/models/status.enum';
 import { DataStudioService } from '../../services/data-studio.service';
 import { FakeDbService } from '../../services/fake-db.service';
 
 @Component({
   selector: 'app-dev-bar',
   templateUrl: './dev-bar.component.html',
-  styleUrls: ['./dev-bar.component.scss'],
 })
 export class DevBarComponent {
   public numberOfTables = 10;

frontend/src/app/services/alert.service.spec.ts

@@ -1,4 +1,4 @@
-import { fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { take } from 'rxjs/operators';
 import { Status } from '../../../../shared/models/status.enum';
 import { ChartError } from '../models/error.model';
@@ -17,13 +17,13 @@ describe('AlertService', () => {
     expect(alertService).toBeTruthy();
   });
   describe('showError', () => {
-    it('should trigger alert', done => {
+    it('should trigger alert', (done) => {
       // Arrange
       const chartError = createChartError();
 
       // Act
       alertService.showError(chartError);
-      alertService.Alert$.pipe(take(1)).subscribe(alert => {
+      alertService.Alert$.pipe(take(1)).subscribe((alert) => {
         // Assert
         expect(alert).toBe(chartError);
         done();
@@ -38,7 +38,7 @@ describe('AlertService', () => {
       // Act
       alertService.showError(chartError);
       alertService.dismissError();
-      alertService.Alert$.pipe(take(1)).subscribe(alert => {
+      alertService.Alert$.pipe(take(1)).subscribe((alert) => {
         // Assert
         expect(alert).toBeUndefined();
         done();

frontend/src/app/services/data-studio.service.spec.ts

@@ -5,7 +5,7 @@ import { AlertService } from './alert.service';
 
 import { DataStudioService } from './data-studio.service';
 import { WINDOW } from './window.token';
-import { Subject, Subscription } from 'rxjs';
+import { Subscription } from 'rxjs';
 import { MERMAID } from './mermaid.token';
 import { Exportable } from '../models/exportable.model';
 

frontend/src/app/services/fake-db.service.ts

@@ -8,7 +8,6 @@ import { Injectable } from '@angular/core';
 })
 export class FakeDbService {
   private readonly header = 'classDiagram';
-  constructor() {}
 
   public createDiagram(numberOfTables: number): string {
     const tables: string[] = [];

frontend/src/environments/environment.ts

@@ -1,16 +1,3 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
 export const environment = {
-  production: false
+  production: false,
 };
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.