fix(annuaire): research fix with empty filter

src/app/annuaire/annuaire.component.html

@@ -10,6 +10,7 @@
       [userList]="userList"
       [totalUserResult]="totalUserResult"
       [isLogged]="true"
+      [filterActive]="filterActive"
       (resetEvent)="shouldResetFilters()"
       (showMoreEvent)="showMore($event)"
     ></app-result-list>

src/app/annuaire/annuaire.component.ts

@@ -16,12 +16,18 @@ export class AnnuaireComponent implements OnInit {
   public totalUserResult: number;
   public resetFilters: number = 0;
   public nextPage: number = 1;
+  public filterActive: boolean = false;
 
   ngOnInit(): void {
     this.getUsers({ queryParam: '', page: 1, jobFilters: [], employerFilter: [] });
   }
   public getUsers(params: SearchQuery): void {
     if (this.userIsLoggedIn()) {
+      if (params.employerFilter?.length || params.jobFilters.length) {
+        this.filterActive = true;
+      } else {
+        this.filterActive = false;
+      }
       this.searchService
         .searchUserRegistry(params.queryParam, params.page, params.jobFilters, params.employerFilter)
         .subscribe((res: SearchResults) => {

src/app/annuaire/result-list/result-list.component.html

-<div class="results notEmpty" *ngIf="isLogged && userList.length">
+<div class="results notEmpty" *ngIf="isLogged && userList.length" [ngClass]="{ filterActive: filterActive }">
   <div class="userNumber">
     {{ userList.length }} <span *ngIf="showPagination"> sur {{ totalUserResult }} </span> utilisateurs trouvés
   </div>

src/app/annuaire/result-list/result-list.component.scss

@@ -34,7 +34,10 @@
   }
   &.notEmpty {
     //make sure it fits the correct height no matter the content lengtj and screen height
-    max-height: calc(100vh - $footer-height - $header-height - $header-height - 5rem);
+    max-height: calc(100vh - $footer-height - $header-height - $header-height - 2rem);
+    &.filterActive {
+      max-height: calc(100vh - $footer-height - $header-height - $header-height - 5rem);
+    }
     @media #{$large-phone} {
       height: 100%;
     }

src/app/annuaire/result-list/result-list.component.ts

@@ -13,6 +13,7 @@ export class ResultListComponent implements OnInit, OnChanges {
   @Input() userList: UserAnnuary[];
   @Input() totalUserResult: number;
   @Input() isLogged: boolean;
+  @Input() filterActive: boolean;
   @Output() resetEvent = new EventEmitter<any>();
   @Output() showMoreEvent = new EventEmitter<any>();
   public maxPerPage: number = 20;

src/app/annuaire/search-bar/search-bar.component.ts

@@ -171,7 +171,7 @@ export class SearchBarComponent implements OnInit, OnChanges {
     this.splitFilters(this.checkedFilterList);
     this.countCheckedFilters();
     this.searchEvent.emit({
-      queryParam: inputTerm,
+      queryParam: inputTerm || '',
       jobFilters: this.checkedFilterList.length ? this.jobFilterChecked : [],
       employerFilter: this.checkedFilterList.length ? this.employerFilterChecked : [],
     });