e87390adb9
* update eslint and dependencies, fix linting errors that can be fixed with --fix * fix lots of linting errors * update eslintrc, fix some linting errors * fix all server side linting errors, untested * fix errors that fixing linting errors had caused * fix client side eslint errors * fix client side linting errors * fix refs lint errors * fix more linting errors * update eslint and dependencies, fix linting errors that can be fixed with --fix * fix lots of linting errors * update eslintrc, fix some linting errors * fix all server side linting errors, untested * fix errors that fixing linting errors had caused * fix client side eslint errors * fix client side linting errors * fix refs lint errors * fix more linting errors * fix some accessibility linting errors * fix a lot of linting errors * fix a billion more linting errors * hopefully fix all linting errors, still need to test * fix bugs that fixing linting had caused
46 lines
1 KiB
JavaScript
46 lines
1 KiB
JavaScript
import React from 'react';
|
|
|
|
class TextOutput extends React.Component {
|
|
componentDidMount() {
|
|
this.canvasTextOutput.focus();
|
|
}
|
|
render() {
|
|
return (
|
|
<section
|
|
className="text-output"
|
|
id="canvas-sub"
|
|
ref={(element) => { this.canvasTextOutput = element; }}
|
|
tabIndex="0"
|
|
aria-label="text-output"
|
|
title="canvas text output"
|
|
>
|
|
<h2> Output </h2>
|
|
<section id="textOutput-content">
|
|
</section>
|
|
<p
|
|
tabIndex="0"
|
|
role="main"
|
|
id="textOutput-content-summary"
|
|
aria-label="text output summary"
|
|
>
|
|
</p>
|
|
<table
|
|
tabIndex="0"
|
|
role="main"
|
|
id="textOutput-content-table"
|
|
aria-label="text output details"
|
|
>
|
|
</table>
|
|
<div
|
|
tabIndex="0"
|
|
role="main"
|
|
id="textOutput-content-details"
|
|
aria-label="text output details"
|
|
>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default TextOutput;
|