giers10/textDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor line number rendering in App.tsx

Browse Source
This commit is contained in:
Victor Giers
2026-02-01 03:28:48 +01:00
parent 0024acdf40
commit b907855513
1 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/App.tsx
View File

@@ -1693,24 +1693,28 @@ export default function App() {
> >
{showLineNumbersActive ? ( {showLineNumbersActive ? (
<div className="line-measure" ref={measureRef} aria-hidden="true"> <div className="line-measure" ref={measureRef} aria-hidden="true">
{lines.map((line, index) => ( <div className="line-measure__line" ref={measureLineRef} />
<div key={index} className="line-measure__line">
{line.length > 0 ? line : " "}
</div>
))}
</div> </div>
) : null} ) : null}
{showLineNumbersActive ? ( {showLineNumbersActive ? (
<div className="line-numbers" ref={lineNumbersRef}> <div className="line-numbers" ref={lineNumbersRef}>
{lineNumbers.map((line, index) => ( <div
<div className="line-numbers__inner"
key={line} style={{ height: totalLineNumberHeight ? `${totalLineNumberHeight}px` : undefined }}
className="line-numbers__line" >
style={{ height: lineHeights[index] ? `${lineHeights[index]}px` : undefined }} {visibleLineNumbers.map((item) => (
> <div
{line} key={item.line}
</div> className="line-numbers__line"
))} style={{
top: `${item.top}px`,
height: `${item.height || defaultLineHeight}px`
}}
>
{item.line}
</div>
))}
</div>
</div> </div>
) : null} ) : null}
{markdownPreview ? ( {markdownPreview ? (