|
|
|
@ -413,7 +413,9 @@ export function CommandLineInterface(props: { world: string, level: number, data
|
|
|
|
<div className="content" ref={proofPanelRef}>
|
|
|
|
<div className="content" ref={proofPanelRef}>
|
|
|
|
<ExerciseStatement data={props.data} />
|
|
|
|
<ExerciseStatement data={props.data} />
|
|
|
|
<div className="tmp-pusher"></div>
|
|
|
|
<div className="tmp-pusher"></div>
|
|
|
|
{proof.length ? proof.map((step, i) => {
|
|
|
|
{proof.length ?
|
|
|
|
|
|
|
|
<>
|
|
|
|
|
|
|
|
{proof.map((step, i) => {
|
|
|
|
if (i == proof.length - 1 && hasInteractiveErrors(step.errors)) {
|
|
|
|
if (i == proof.length - 1 && hasInteractiveErrors(step.errors)) {
|
|
|
|
// if the last command contains an error, we only display the errors but not the
|
|
|
|
// if the last command contains an error, we only display the errors but not the
|
|
|
|
// entered command as it is still present in the command line.
|
|
|
|
// entered command as it is still present in the command line.
|
|
|
|
@ -454,7 +456,10 @@ export function CommandLineInterface(props: { world: string, level: number, data
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)}
|
|
|
|
)}
|
|
|
|
{completed && i == proof.length - 1 &&
|
|
|
|
</div>
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})}
|
|
|
|
|
|
|
|
{mobile && completed &&
|
|
|
|
<div className="button-row">
|
|
|
|
<div className="button-row">
|
|
|
|
{props.level >= props.worldSize ?
|
|
|
|
{props.level >= props.worldSize ?
|
|
|
|
<Button to={`/${gameId}`}>
|
|
|
|
<Button to={`/${gameId}`}>
|
|
|
|
@ -467,9 +472,8 @@ export function CommandLineInterface(props: { world: string, level: number, data
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</>
|
|
|
|
}
|
|
|
|
: <CircularProgress />}
|
|
|
|
}) : <CircularProgress />}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<CommandLine proofPanelRef={proofPanelRef} />
|
|
|
|
<CommandLine proofPanelRef={proofPanelRef} />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|