Always ensure logLine is defined

This commit is contained in:
Nicolas Mowen 2024-04-03 09:04:06 -06:00
parent af17d9c8fd
commit f98b0ee6f0

View File

@ -340,19 +340,28 @@ function Logs() {
</div> </div>
</div> </div>
{logLines.length > 0 && {logLines.length > 0 &&
[...Array(logRange.end - 1).keys()].map((idx) => [...Array(logRange.end - 1).keys()].map((idx) => {
idx >= logRange.start ? ( const logLine =
<LogLineData idx >= logRange.start
key={`${idx}-${logService}`} ? logLines[idx - logRange.start]
startRef={idx == logRange.start + 10 ? startLogRef : undefined} : undefined;
className={initialScroll ? "" : "invisible"}
offset={idx} if (logLine) {
line={logLines[idx - logRange.start]} return (
/> <LogLineData
) : ( key={`${idx}-${logService}`}
<div key={`${idx}-${logService}`} className="h-12" /> startRef={
), idx == logRange.start + 10 ? startLogRef : undefined
)} }
className={initialScroll ? "" : "invisible"}
offset={idx}
line={logLines[idx - logRange.start]}
/>
);
}
return <div key={`${idx}-${logService}`} className="h-12" />;
})}
{logLines.length > 0 && <div id="page-bottom" ref={endLogRef} />} {logLines.length > 0 && <div id="page-bottom" ref={endLogRef} />}
</div> </div>
</div> </div>