app/components/JobResultsViewer.js
import React from 'react';
import brace from 'brace'; // Need this I think
import 'brace/mode/java';
import 'brace/theme/github';
import 'brace/theme/twilight';
import Editor from 'react-ace';
export default (props) => (
<Editor
mode="java"
theme={props.theme === 'dark' ? 'twilight' : 'github'}
name="RESULTS2" // TODO: Change this to a generated value when we add multiple editors
value={props.value}
readOnly
editorProps={{
$blockScrolling: Infinity,
readOnly: true
}}
width="100%"
height="95vh"
fontSize={20}
/>
);