Add line numbers toggle on code snippets 🔢
Mantenedores costumam responder em até 2 dias
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 2/5
- Tempo estimado
- 1-3 horas
- Facilidade para iniciantes
- 85/100
- Tipo de issue
- Funcionalidade
- Clareza
- Claramente especificada
- Status de atividade
- Pouca atividade
- Stack de tecnologia
- javascript, react
- Domínio
- frontend
Direção de pesquisa
Comece em client/src/components/Board/TaskCard.jsx e leia como os trechos de código são renderizados com react-syntax-highlighter. Adicione um controle para a exibição integrada dos números de linha; estará concluído quando os usuários puderem mostrar e ocultar os números de linha nos trechos sem acionar o cartão da tarefa.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Add line numbers toggle on code snippets 🔢
File: client/src/components/Board/TaskCard.jsx
Code snippets show no line numbers 💀
Hard to reference specific lines fr!!
Fix:
const [showLineNums, setShowLineNums] = useState(false)
<button
onClick={(e) => {
e.stopPropagation()
setShowLineNums(v => !v)
}}
className="text-[10px] text-[#555]
hover:text-purple-400 transition">
{showLineNums ? '# hide' : '# lines'}
<SyntaxHighlighter
showLineNumbers={showLineNums}
...
~6 lines! showLineNumbers built into
react-syntax-highlighter ✅
No backend needed 🎯
- Linguagem predominante
- JavaScript
- Estrelas
- 39
- Forks
- 105
- Merge médio
- 1d 12h
- PRs com merge (30d)
- 27
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
-
good first issue
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 88/100
anoopcodehack/DevBoard#589 ·
Mantenedores costumam responder em até 2 dias
-
Import tasks from CSV file 📤Abertaenhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
anoopcodehack/DevBoard#588 ·
Mantenedores costumam responder em até 2 dias
-
good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
anoopcodehack/DevBoard#587 ·
Mantenedores costumam responder em até 2 dias
-
good first issue
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 90/100
anoopcodehack/DevBoard#586 ·
Mantenedores costumam responder em até 2 dias
-
good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 65/100
anoopcodehack/DevBoard#584 ·
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
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 85/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 75/100
naver/egjs-flicking#971 ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 85/100
Mantenedores costumam responder em até 1 dia