src/components/header/header.component.ts

@@ -185,7 +185,6 @@ export class HeaderComponent {
     const theme = this.themes.activeSlug();
     const qp: any = { q, provider };
     if (theme) qp.theme = theme;
-    this.suggestionsOpen.set(false); // Fermer le menu des suggestions
     this.router.navigate(['/search'], { queryParams: qp });
   }
 

src/components/search/search.component.html

@@ -27,17 +27,6 @@
     </div>
   }
 
-  <input 
-    #searchInput
-    type="text" 
-    class="flex-1 bg-slate-900 text-slate-100 border border-slate-700 rounded-l-full px-4 py-2 focus:outline-none focus:ring-2 focus:ring-red-500" 
-    placeholder="Rechercher..."
-    [value]="q()"
-    (input)="onSearchInput($event)"
-    (keydown.enter)="onSearchEnter($event)"
-    (keydown.escape)="closeSearchResults()"
-  />
-
   @if (loading()) {
     <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
       @for (item of [1,2,3,4,5,6,7,8]; track item) {

src/components/search/search.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, signal, untracked, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, effect, inject, signal, untracked } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ActivatedRoute, RouterLink } from '@angular/router';
 import { YoutubeApiService } from '../../services/youtube-api.service';
@@ -358,39 +358,4 @@ export class SearchComponent {
   setFilterTag(key: string) {
     this.filterTag.set(key);
   }
-
-  @ViewChild('searchInput') searchInput?: ElementRef<HTMLInputElement>;
-
-  onSearchEnter(event: Event) {
-    const keyboardEvent = event as KeyboardEvent;
-    keyboardEvent.preventDefault();
-    const query = this.q().trim();
-    if (query) {
-      // Utiliser reloadSearch() pour effectuer une nouvelle recherche
-      this.reloadSearch();
-      this.closeSearchResults();
-      // Retirer le focus de l'input
-      if (this.searchInput) {
-        this.searchInput.nativeElement.blur();
-      }
-    }
-  }
-
-  closeSearchResults() {
-    // Cette méthode sera appelée pour fermer les résultats de recherche
-    // Vous pouvez ajouter une logique supplémentaire si nécessaire
-    // Par exemple, si vous avez un état pour afficher/cacher les résultats
-    // this.showResults.set(false);
-  }
-
-  onSearchInput(event: Event) {
-    const input = event.target as HTMLInputElement;
-    this.q.set(input.value);
-    // Vous pouvez ajouter ici la logique de recherche au fur et à mesure si nécessaire
-  }
-
-  performSearch(query: string) {
-    // Cette méthode sera appelée pour effectuer la recherche
-    // Vous pouvez ajouter ici la logique de recherche
-  }
 }