Add word wrap toggle on code snippets 🔀
File: client/src/components/Board/TaskCard.jsx
Long code lines overflow the snippet box 💀
No way to toggle word wrap fr!!
Fix:
const [wrap, setWrap] = useState(false)
<button onClick={(e) => {
e.stopPropagation()
setWrap(v => !v)
}}
className="text-[10px] text-[#555]
hover:text-purple-400 transition">
{wrap ? '↔️ unwrap' : '↩️ wrap'}
<SyntaxHighlighter
wrapLines={wrap}
wrapLongLines={wrap}
...
~6 lines! No backend needed 🎯
Super useful for long code lines!! 🔥
Add word wrap toggle on code snippets 🔀
File: client/src/components/Board/TaskCard.jsx
Long code lines overflow the snippet box 💀
No way to toggle word wrap fr!!
Fix:
const [wrap, setWrap] = useState(false)
<button onClick={(e) => {↔️ unwrap' : '↩️ wrap'}
e.stopPropagation()
setWrap(v => !v)
}}
className="text-[10px] text-[#555]
hover:text-purple-400 transition">
{wrap ? '
<SyntaxHighlighter
wrapLines={wrap}
wrapLongLines={wrap}
...
~6 lines! No backend needed 🎯
Super useful for long code lines!! 🔥