Chore: Moved from css to sass, god knows what to do now.

Chore: Prettier line length changed to 120 from 100
Fix: Hard coded the face as the primary color to make the buttons stand out

bookie/src/app/bill-settlement-report/bill-settlement-report-resolver.service.spec.ts

@@ -9,10 +9,7 @@ describe('BillSettlementReportResolver', () => {
     });
   });
 
-  it('should be created', inject(
-    [BillSettlementReportResolver],
-    (service: BillSettlementReportResolver) => {
-      expect(service).toBeTruthy();
-    },
-  ));
+  it('should be created', inject([BillSettlementReportResolver], (service: BillSettlementReportResolver) => {
+    expect(service).toBeTruthy();
+  }));
 });

bookie/src/app/bill-settlement-report/bill-settlement-report.component.html

@@ -34,9 +34,7 @@
           <mat-datepicker-toggle matSuffix [for]="finishDate"></mat-datepicker-toggle>
           <mat-datepicker #finishDate></mat-datepicker>
         </mat-form-field>
-        <button mat-raised-button class="flex-auto basis-1/5" color="primary" (click)="show()">
-          Show
-        </button>
+        <button mat-raised-button class="flex-auto basis-1/5" color="primary" (click)="show()">Show</button>
       </div>
     </form>
     <mat-table #table [dataSource]="dataSource" aria-label="Elements">

bookie/src/app/bill-settlement-report/bill-settlement-report.component.ts

@@ -15,9 +15,7 @@ import { BillSettlementReportDataSource } from './bill-settlement-report-datasou
 })
 export class BillSettlementReportComponent implements OnInit {
   info: BillSettlementReport = new BillSettlementReport();
-  dataSource: BillSettlementReportDataSource = new BillSettlementReportDataSource(
-    this.info.amounts,
-  );
+  dataSource: BillSettlementReportDataSource = new BillSettlementReportDataSource(this.info.amounts);
 
   form: FormGroup<{
     startDate: FormControl<Date>;

bookie/src/app/bill-settlement-report/bill-settlement-report.module.ts

@@ -6,12 +6,7 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
-import {
-  DateAdapter,
-  MAT_DATE_FORMATS,
-  MAT_DATE_LOCALE,
-  MatNativeDateModule,
-} from '@angular/material/core';
+import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MatNativeDateModule } from '@angular/material/core';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';

bookie/src/app/bill-settlement-report/bill-settlement-report.service.spec.ts

@@ -9,10 +9,7 @@ describe('BillSettlementReportService', () => {
     });
   });
 
-  it('should be created', inject(
-    [BillSettlementReportService],
-    (service: BillSettlementReportService) => {
-      expect(service).toBeTruthy();
-    },
-  ));
+  it('should be created', inject([BillSettlementReportService], (service: BillSettlementReportService) => {
+    expect(service).toBeTruthy();
+  }));
 });

bookie/src/app/bill-settlement-report/bill-settlement-report.service.ts

@@ -26,8 +26,6 @@ export class BillSettlementReportService {
     }
     return this.http
       .get<BillSettlementReport>(url, options)
-      .pipe(
-        catchError(this.log.handleError(serviceName, 'get')),
-      ) as Observable<BillSettlementReport>;
+      .pipe(catchError(this.log.handleError(serviceName, 'get'))) as Observable<BillSettlementReport>;
   }
 }