Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Add clear button (✕) to search input 🔍

Geschlossen Anfängerfreundlich
#616 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 2 Tagen

Ein zugehöriger Pull Request wurde bereits gemerged.

  • #618 von @tu-lasizzzz — gemerged

Bewertung

Schwierigkeit
1/5
Geschätzter Aufwand
1-3 Stunden
Anfängerfreundlichkeit
88/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Aktiv
Tech-Stack
javascript, react, tailwindcss
Bereich
frontend

Rechercherichtung

Beginne in client/src/pages/Dashboard.jsx und suche das Suchfeld, das an searchQuery gebunden ist. Füge eine Schaltfläche zum Leeren hinzu, die angezeigt wird, wenn die Abfrage einen Wert hat, und sie beim Anklicken leert. Orientiere dich dabei am Beispiel im Issue. Bestätige, dass die Schaltfläche nur bei nichtleeren Suchanfragen angezeigt wird und dass ein Klick darauf die Suche leert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

good first issue

Add clear button (✕) to search input 🔍

File: client/src/pages/Dashboard.jsx

When search has text there's no quick
way to clear it 💀 have to backspace fr!!

Fix: show clear button when search has value:

setSearchQuery(e.target.value)} placeholder="Search tasks..." className="..." /> {searchQuery && ( setSearchQuery('')} className="absolute right-2 top-1/2 -translate-y-1/2 text-[#555] hover:text-[#aaa] transition text-xs"> ✕ )}

~8 lines! No backend needed 🎯

Vorherrschende Sprache
JavaScript
Sterne
39
Forks
105
Ø Merge
1 T. 18 Std.
Gemergte PRs (30 T.)
37

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus anoopcodehack/DevBoard

Alle Issues in anoopcodehack/DevBoard

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.