Renaming SVG to Render

src/components/App/index.js

@@ -4,13 +4,12 @@ import { AppContextProvider } from 'components/AppContext';
 import Form from 'components/Form';
 import Loader from 'components/Loader';
 import Message from 'components/Message';
-import SVG from 'components/SVG';
+import Render from 'components/Render';
 
 class App extends React.PureComponent {
   state={}
 
   handleRender = ({ syntax, expr }) => {
-    console.log('Render:', syntax, expr); // eslint-disable-line no-console
     this.setState({ syntax, expr });
   }
 
@@ -30,7 +29,7 @@ class App extends React.PureComponent {
         <a href="#retry" onClick={ this.handleRetry }>Retry</a>
       </Message>
 
-      <SVG />
+      <Render />
     </AppContextProvider>;
   }
 }

src/components/Render/index.js

@@ -6,7 +6,7 @@ import style from './style.module.css';
 
 import AppContext from 'components/AppContext';
 
-class SVG extends React.PureComponent {
+class Render extends React.PureComponent {
   static contextType = AppContext
 
   svgContainer = React.createRef()
@@ -33,6 +33,10 @@ class SVG extends React.PureComponent {
   }
 
   render() {
+    const { syntax, expr } = this.context;
+
+    console.log('Render:', syntax, expr); // eslint-disable-line no-console
+
     // Demo rendering for now
     return <div className={ style.render } ref={ this.svgContainer }>
       <PlaceholderIcon />
@@ -40,4 +44,4 @@ class SVG extends React.PureComponent {
   }
 }
 
-export default SVG;
+export default Render;