💄 change image on search page

Author: marcode24

src/app/features/search/search.component.html

@@ -1,8 +1,8 @@
 <div class="large-container">
   <app-loader class="loader" *ngIf="isLoading"></app-loader>
    <div class="not-items" *ngIf="!isLoading && files.length === 0">
-    <img src="assets/images/no-files.svg" alt="no-files-image">
-    <span class="description">Agrega tu primer archivo o carpeta</span>
+    <img src="assets/images/no-items.svg" alt="no-files-image">
+    <span class="description"> No se encontraron resultados con el término de búsqueda: <strong>{{ query }}</strong> </span>
   </div>
   <div class="files" *ngIf="files.length > 0 && !isLoading">
     <section class="group">

src/app/features/search/search.component.ts

@@ -14,6 +14,7 @@ export class SearchComponent implements OnInit {
 
   files: File[] = [];
   isLoading = false;
+  query = '';
 
   constructor(
     private fileService: FileService,
@@ -36,7 +37,10 @@ export class SearchComponent implements OnInit {
         this.isLoading = false;
       },
       error: () => this.router.navigate(['/']),
-      complete: () => this.isLoading = false,
+      complete: () => {
+        this.query = query;
+        this.isLoading = false;
+      },
     });
   }