Output is pure component

Author: Mat Brown

src/components/Output.jsx

@@ -4,39 +4,36 @@ import {t} from 'i18next';
 import classnames from 'classnames';
 import {ErrorReport, Preview} from '../containers';
 
-class Output extends React.Component {
-  render() {
-    const {
-      isDraggingColumnDivider,
-      isHidden,
-      style,
-      onHide,
-      onRef,
-    } = this.props;
-    return (
-      <div
-        className={classnames(
-          'environment__column',
-          {u__hidden: isHidden},
-        )}
-        ref={onRef}
-        style={Object.assign({}, style, {
-          pointerEvents: isDraggingColumnDivider ? 'none' : 'all',
-        })}
-      >
-        <div className="environment__columnContents output">
-          <div
-            className="environment__label label"
-            onClick={onHide}
-          >
-            {t('workspace.components.output')}
-          </div>
-          <Preview />
-          <ErrorReport />
+export default function Output({
+  isDraggingColumnDivider,
+  isHidden,
+  style,
+  onHide,
+  onRef,
+}) {
+  return (
+    <div
+      className={classnames(
+        'environment__column',
+        {u__hidden: isHidden},
+      )}
+      ref={onRef}
+      style={Object.assign({}, style, {
+        pointerEvents: isDraggingColumnDivider ? 'none' : 'all',
+      })}
+    >
+      <div className="environment__columnContents output">
+        <div
+          className="environment__label label"
+          onClick={onHide}
+        >
+          {t('workspace.components.output')}
         </div>
+        <Preview />
+        <ErrorReport />
       </div>
-    );
-  }
+    </div>
+  );
 }
 
 Output.propTypes = {
@@ -46,10 +43,3 @@ Output.propTypes = {
   onHide: PropTypes.func.isRequired,
   onRef: PropTypes.func.isRequired,
 };
-
-Output.defaultProps = {
-  lastRefreshTimestamp: null,
-  project: null,
-};
-
-export default Output;

src/components/Workspace.jsx

@@ -218,13 +218,11 @@ class Workspace extends React.Component {
   _renderOutput() {
     const {
       currentProject: {hiddenUIComponents},
-      errors,
       isDraggingColumnDivider,
       rowsFlex,
     } = this.props;
     return (
       <Output
-        errors={errors}
         isDraggingColumnDivider={isDraggingColumnDivider}
         isHidden={includes(hiddenUIComponents, 'output')}
         style={{flex: rowsFlex[1]}}