message: Extract row components into a variable.
diff: @@ -94,13 +94,7 @@ export class OutputComponent extends React.Component<Props, State> {
  const showCursor = this.props.job.status === Status.InProgress && (output._showCursor || output._blinkCursor);
  const cursorComponent = showCursor ? <span className="cursor" style={css.cursor(output.cursorRowIndex, output.cursorColumnIndex)}/> : undefined;
  - return (
  - <div className="output"
  - data-screen-mode={output.screenMode}
  - style={css.output(output.activeOutputType, this.props.job.status)}>
  - {this.shouldCutOutput ? <CutComponent job={this.props.job} clickHandler={() => this.setState({ expandButtonPressed: true })}/> : undefined}
  - {cursorComponent}
  - {output.storage.map((possiblyEmptyRow, index: number) => {
  + const rowComponents = output.storage.map((possiblyEmptyRow, index: number) => {
  const row = possiblyEmptyRow || List<Char>();
  if (this.shouldCutOutput && index < output.size - Output.hugeOutputThreshold) {
  @@ -114,7 +108,15 @@ export class OutputComponent extends React.Component<Props, State> {
  <RowComponent key={index} row={row}/>
  );
  }
  - })}
  + });
  +
  + return (
  + <div className="output"
  + data-screen-mode={output.screenMode}
  + style={css.output(output.activeOutputType, this.props.job.status)}>
  + {this.shouldCutOutput ? <CutComponent job={this.props.job} clickHandler={() => this.setState({ expandButtonPressed: true })}/> : undefined}
  + {cursorComponent}
  + {rowComponents}
  </div>
  );
  }
  