adaptation of the functionalities to Blockly package

src/components/CodeViewer.js

@@ -0,0 +1,28 @@
+import React, {Component} from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+
+
+class CodeViewer extends Component {
+
+  render() {
+    return (
+      <div>
+        {this.props.arduino}
+        <p>{this.props.xml}</p>
+      </div>
+    );
+  };
+}
+
+CodeViewer.propTypes = {
+  arduino: PropTypes.string.isRequired,
+  xml: PropTypes.string.isRequired
+};
+
+const mapStateToProps = state => ({
+  arduino: state.workspace.code.arduino,
+  xml: state.workspace.code.xml
+});
+
+export default connect(mapStateToProps, null)(CodeViewer);