Add line numbers toggle on code snippets 🔢
Los mantenedores suelen responder en 2 días
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 85/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bien especificado
- Estado de actividad
- Tranquilo
- Stack tecnológico
- javascript, react
- Área
- frontend
Línea de trabajo
Empieza en client/src/components/Board/TaskCard.jsx y lee cómo se muestran los fragmentos de código con react-syntax-highlighter. Añade un conmutador para la visualización integrada de números de línea; el trabajo estará hecho cuando los usuarios puedan mostrar y ocultar los números de línea en los fragmentos sin activar la tarjeta de tarea.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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 🎯
- Lenguaje dominante
- JavaScript
- Estrellas
- 39
- Forks
- 105
- Merge medio
- 1 d 12 h
- PR fusionados (30 d)
- 27
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de anoopcodehack/DevBoard
-
good first issue
Dificultad 1/5 1-3 horas Aptitud para principiantes 88/100
anoopcodehack/DevBoard#589 ·
Los mantenedores suelen responder en 2 días
-
Import tasks from CSV file 📤Abiertoenhancement good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
anoopcodehack/DevBoard#588 ·
Los mantenedores suelen responder en 2 días
-
good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
anoopcodehack/DevBoard#587 ·
Los mantenedores suelen responder en 2 días
-
good first issue
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
anoopcodehack/DevBoard#586 ·
Los mantenedores suelen responder en 2 días
-
good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
anoopcodehack/DevBoard#584 ·
Los mantenedores suelen responder en 2 días
Todos los issues de anoopcodehack/DevBoard
Issues similares
-
bug user-priority/P2
Dificultad 1/5 Menos de una hora Aptitud para principiantes 92/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 Menos de una hora Aptitud para principiantes 78/100
opencart/opencart#15763 · 2 comentarios · 1 reacción ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
neondatabase/agent-skills#139 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
Effect-TS/effect#8881 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
mail processing verified
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
Los mantenedores suelen responder en 7 días