Benjamin_Boenisch/breakpilot-lehrer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix GridTable JSX syntax error in colspan rendering
Some checks failed
CI / go-lint (push) Has been skipped
Details
CI / python-lint (push) Has been skipped
Details
CI / nodejs-lint (push) Has been skipped
Details
CI / test-go-school (push) Successful in 31s
Details
CI / test-go-edu-search (push) Successful in 42s
Details
CI / test-python-klausur (push) Failing after 2m43s
Details
CI / test-python-agent-core (push) Successful in 33s
Details
CI / test-nodejs-website (push) Successful in 39s
Details

Browse Source 
Mismatched closing tags from previous colspan edit caused webpack
build failure. Cleaned up spanning cell map() return structure.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-04-13 17:52:26 +02:00
parent 108f1b1a2a
commit 92e4021898
1 changed files with 19 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
admin-lehrer/components/grid-editor/GridTable.tsx
View File

@@ -417,7 +417,6 @@ export function GridTable({
{/* Cells — spanning header or normal columns */} {/* Cells — spanning header or normal columns */}
{isSpanning ? ( {isSpanning ? (
<> <>
{/* Render each spanning cell with its colspan */}
{zone.cells {zone.cells
.filter((c) => c.row_index === row.index && c.col_type === 'spanning_header') .filter((c) => c.row_index === row.index && c.col_type === 'spanning_header')
.sort((a, b) => a.col_index - b.col_index) .sort((a, b) => a.col_index - b.col_index)
@@ -426,24 +425,18 @@ export function GridTable({
const cellId = spanCell.cell_id const cellId = spanCell.cell_id
const isSelected = selectedCell === cellId const isSelected = selectedCell === cellId
const cellColor = getCellColor(spanCell) const cellColor = getCellColor(spanCell)
// Grid column: starts at col_index+2 (1-based, +1 for row number column)
const gridColStart = spanCell.col_index + 2 const gridColStart = spanCell.col_index + 2
const gridColEnd = gridColStart + colspan const gridColEnd = gridColStart + colspan
return ( return (
<div <div
key={cellId} key={cellId}
className="border-b border-r border-gray-200 dark:border-gray-700 bg-blue-50/50 dark:bg-blue-900/10 flex items-center" className={`border-b border-r border-gray-200 dark:border-gray-700 bg-blue-50/50 dark:bg-blue-900/10 flex items-center ${
style={{ isSelected ? 'ring-2 ring-teal-500 ring-inset z-10' : ''
gridColumn: `${gridColStart} / ${gridColEnd}`, }`}
height: `${rowH}px`, style={{ gridColumn: `${gridColStart} / ${gridColEnd}`, height: `${rowH}px` }}
}}
> >
<div className="flex items-center w-full">
{cellColor && ( {cellColor && (
<span <span className="flex-shrink-0 w-1.5 self-stretch rounded-l-sm" style={{ backgroundColor: cellColor }} />
className="flex-shrink-0 w-1.5 self-stretch rounded-l-sm"
style={{ backgroundColor: cellColor }}
/>
)} )}
<input <input
id={`cell-${cellId}`} id={`cell-${cellId}`}
@@ -452,14 +445,11 @@ export function GridTable({
onChange={(e) => onCellTextChange(cellId, e.target.value)} onChange={(e) => onCellTextChange(cellId, e.target.value)}
onFocus={() => onSelectCell(cellId)} onFocus={() => onSelectCell(cellId)}
onKeyDown={(e) => handleKeyDown(e, cellId)} onKeyDown={(e) => handleKeyDown(e, cellId)}
className={`w-full px-3 py-1 bg-transparent border-0 outline-none text-center ${ className="w-full px-3 py-1 bg-transparent border-0 outline-none text-center"
isSelected ? 'ring-2 ring-teal-500 ring-inset rounded' : ''
}`}
style={{ color: cellColor || undefined }} style={{ color: cellColor || undefined }}
spellCheck={false} spellCheck={false}
/> />
</div> </div>
</div>
) )
})} })}
</> </>