feat: TT-593 added the ngOnChanges event

Author: codigodehoy

src/app/modules/reports/components/time-range-form/time-range-form.component.ts

@@ -1,7 +1,6 @@
 import { ToastrService } from 'ngx-toastr';
 import { formatDate } from '@angular/common';
-import { SimpleChanges } from '@angular/core';
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, OnChanges, SimpleChanges  } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { DATE_FORMAT } from 'src/environments/environment';
 import * as entryActions from '../../../time-clock/store/entry.actions';
@@ -13,7 +12,8 @@ import * as moment from 'moment';
   selector: 'app-time-range-form',
   templateUrl: './time-range-form.component.html',
 })
-export class TimeRangeFormComponent implements OnInit {
+
+export class TimeRangeFormComponent implements OnInit, OnChanges {
 
   @Input() userId: string;
 
@@ -31,7 +31,7 @@ export class TimeRangeFormComponent implements OnInit {
     this.setInitialDataOnScreen();
   }
 
-  OnChanges(changes: SimpleChanges){
+  ngOnChanges(changes: SimpleChanges): void{
     if (!changes.userId.firstChange){
       this.onSubmit();
     }

src/app/modules/shared/components/search-user/search-user.component.scss

@@ -1,5 +1,3 @@
-@import '../../../../../styles/colors.scss';
-
 label {
   width: 225px;
 }