Add clear button (✕) to search input 🔍
Mantenedores costumam responder em até 2 dias
Um pull request relacionado já foi integrado.
- #618 de @tu-lasizzzz — integrado
Avaliação
- Dificuldade
- 1/5
- Tempo estimado
- 1-3 horas
- Facilidade para iniciantes
- 88/100
- Tipo de issue
- Funcionalidade
- Clareza
- Claramente especificada
- Status de atividade
- Ativa
- Stack de tecnologia
- javascript, react, tailwindcss
- Domínio
- frontend
Direção de pesquisa
Comece em client/src/pages/Dashboard.jsx e localize o campo de pesquisa vinculado a searchQuery. Adicione um controle para limpar que apareça quando a consulta tiver um valor e a limpe ao ser clicado, seguindo o exemplo na issue. Confirme que o controle aparece apenas para pesquisas não vazias e que clicar nele limpa a pesquisa.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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 🎯
- Linguagem predominante
- JavaScript
- Estrelas
- 39
- Forks
- 105
- Merge médio
- 1d 16h
- PRs com merge (30d)
- 35
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Sem modelo de pull request
- Ler o guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de anoopcodehack/DevBoard
-
Add smooth horizontal scroll on board 🖱️Talvez já em andamento @nikhil9verma assumiu há 2 dias. Abertagood first issue
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 85/100
anoopcodehack/DevBoard#615 · 2 comentários ·
Mantenedores costumam responder em até 2 dias
-
Show task creation date in modal footer 📅Talvez já em andamento @nikhil9verma assumiu há 2 dias. Abertagood first issue
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 90/100
anoopcodehack/DevBoard#614 · 1 comentário ·
Mantenedores costumam responder em até 2 dias
-
Truncate long custom column names gracefully ✂️Talvez já em andamento @nikhil9verma assumiu há 3 dias. Abertagood first issue
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 95/100
anoopcodehack/DevBoard#613 · 3 comentários · 1 responsável ·
Mantenedores costumam responder em até 2 dias
-
good first issue
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 85/100
anoopcodehack/DevBoard#612 ·
Mantenedores costumam responder em até 2 dias
-
enhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 88/100
anoopcodehack/DevBoard#609 ·
Mantenedores costumam responder em até 2 dias
Todas as issues de anoopcodehack/DevBoard
Issues semelhantes
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
keyxmakerx/Chronicle#1469 ·
Mantenedores costumam responder em até 1 dia
-
enhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 83/100
suradet-ps/codeframe#40 ·
Mantenedores costumam responder em até 1 dia
-
data
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 74/100
gaseous-project/hasheous#637 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 62/100
gramps-project/gramps-web#1549 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100