From 442b36a199633604c322a8395102e5792e1939b4 Mon Sep 17 00:00:00 2001
From: Yi-Jacob <jacobyideveloper@gmail.com>
Date: Thu, 9 May 2024 16:46:31 -0400
Subject: [PATCH] 217 - Fixed build error

---
 .../df-side-nav/df-side-nav.component.html      | 17 ++++++++---------
 .../df-side-nav/df-side-nav.component.ts        |  7 ++++---
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/shared/components/df-side-nav/df-side-nav.component.html b/src/app/shared/components/df-side-nav/df-side-nav.component.html
index 49497566..db7b10ea 100644
--- a/src/app/shared/components/df-side-nav/df-side-nav.component.html
+++ b/src/app/shared/components/df-side-nav/df-side-nav.component.html
@@ -109,16 +109,15 @@ <h1 class="page-header">
                 <a [routerLink]="breadcrumb.path" class="breadcrumb-link"
                   ><ng-component
                     *ngTemplateOutlet="breadcrumbLabel"></ng-component>
-                </ng-template>
-                <ng-template #breadcrumbLabel>
-                  <ng-container *ngIf="breadcrumb.translationKey; else label">
-                    <span>{{ breadcrumb.translationKey | transloco }}</span>
-                  </ng-container>
-                  <ng-template #label>
-                    <span>{{ breadcrumb.label }}</span>
+                  <ng-template #breadcrumbLabel>
+                    <ng-container *ngIf="breadcrumb.translationKey; else label">
+                      <span>{{ breadcrumb.translationKey | transloco }}</span>
+                    </ng-container>
+                    <ng-template #label>
+                      <span>{{ breadcrumb.label }}</span>
+                    </ng-template>
                   </ng-template>
-                </ng-template>
-                <span *ngIf="i !== breadCrumbs.length - 1"> / </span>
+                  <span *ngIf="i !== breadCrumbs.length - 1"> / </span>
                 </a>
               </ng-container>
 
diff --git a/src/app/shared/components/df-side-nav/df-side-nav.component.ts b/src/app/shared/components/df-side-nav/df-side-nav.component.ts
index 01331cc5..ae20dad1 100644
--- a/src/app/shared/components/df-side-nav/df-side-nav.component.ts
+++ b/src/app/shared/components/df-side-nav/df-side-nav.component.ts
@@ -19,6 +19,7 @@ import {
   faMagnifyingGlass,
   faUser,
   faRefresh,
+  faPlus,
 } from '@fortawesome/free-solid-svg-icons';
 import { routes } from 'src/app/routes';
 import {
@@ -37,7 +38,7 @@ import { DfSearchDialogComponent } from '../df-search-dialog/df-search-dialog.co
 import { UntilDestroy } from '@ngneat/until-destroy';
 import { CommonModule } from '@angular/common';
 import { DfSearchService } from '../../services/df-search.service';
-import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { FormControl } from '@angular/forms';
 import { DfThemeToggleComponent } from '../df-theme-toggle/df-theme-toggle.component';
 
 @UntilDestroy({ checkProperties: true })
@@ -79,7 +80,6 @@ export class DfSideNavComponent implements OnInit {
   faLanguage = faLanguage;
   search = new FormControl();
   results$ = this.searchService.results$;
-  recents$ = this.searchService.recents$;
   smallScreen$ = this.breakpointService.isSmallScreen;
   faPlus = faPlus;
   faRefresh = faRefresh;
@@ -93,7 +93,8 @@ export class DfSideNavComponent implements OnInit {
     private licenseCheckService: DfLicenseCheckService,
     private dialog: MatDialog,
     private transloco: TranslocoService,
-    private themeService: DfThemeService
+    private themeService: DfThemeService,
+    private searchService: DfSearchService
   ) {}
 
   ngOnInit(): void {