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 🎯
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 🎯