Personal_mirrors/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2024-12-19 04:35:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix unique key problem with ascii elements

Browse Source
This commit is contained in:
Olivier Gagnon 2022-08-29 16:59:38 -04:00
parent c88ac1c26e
commit 759de85559
2 changed files with 18 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/Terminal/ui/TerminalRoot.tsx
View File

@ -108,24 +108,16 @@ export function TerminalRoot({ terminal, router, player }: IProps): React.ReactE
<>
<Box width="100%" minHeight="100vh" display={"flex"} alignItems={"flex-end"}>
<List key={key} id="terminal" classes={{ root: classes.list }}>
{terminal.outputHistory.map((item, i) => {
if (item instanceof Output)
return (
<ListItem key={i} classes={{ root: classes.nopadding }}>
<ANSIITypography text={item.text} color={item.color} />
</ListItem>
);
if (item instanceof RawOutput)
return (
<ListItem key={i} classes={{ root: classes.nopadding }}>
<Typography classes={{ root: classes.preformatted }} paragraph={false}>
{item.raw}
</Typography>
</ListItem>
);
if (item instanceof Link)
return (
<ListItem key={i} classes={{ root: classes.nopadding }}>
{terminal.outputHistory.map((item, i) => (
<ListItem key={i} classes={{ root: classes.nopadding }}>
{item instanceof Output && <ANSIITypography text={item.text} color={item.color} />}
{item instanceof RawOutput && (
<Typography classes={{ root: classes.preformatted }} paragraph={false}>
{item.raw}
</Typography>
)}
{item instanceof Link && (
<>
<Typography>{item.dashes}&gt;&nbsp;</Typography>
<MuiLink
classes={{ root: classes.preformatted }}
@ -135,9 +127,10 @@ export function TerminalRoot({ terminal, router, player }: IProps): React.ReactE
>
<Typography>{item.hostname}</Typography>
</MuiLink>
</ListItem>
);
})}
</>
)}
</ListItem>
))}
{terminal.action !== null && (
<ListItem classes={{ root: classes.nopadding }}>

6
src/ui/React/ANSIITypography.tsx
View File

@ -92,8 +92,10 @@ export const ANSIITypography = React.memo((props: IProps): React.ReactElement =>
}
return (
<Typography classes={{ root: lineClass(classes, props.color) }} paragraph={false}>
{parts.map((part) => (
<span style={ansiCodeStyle(part.code)}>{part.text}</span>
{parts.map((part, i) => (
<span key={i} style={ansiCodeStyle(part.code)}>
{part.text}
</span>
))}
</Typography>
);