Replaced refractPreview component with the stateless JsonFormatter

apiaryio · Sep 9, 2015 · d67c821 · d67c821
1 parent 329c1bb
commit d67c821
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 52 deletions.
diff --git a/playground/components/JsonFormatter.js b/playground/components/JsonFormatter.js
@@ -9,13 +9,24 @@ class JsonFormatterComponent extends React.Component {
 
   }
 
+  attachJsonFormatter() {
+    if (this.nodeComponent !== undefined) {
+      const formatter = new JSONFormatter(this.props.data, 3, { hoverPreviewEnabled: true });
+      if (this.nodeComponent.hasChildNodes()) {
+        this.nodeComponent.removeChild(this.nodeComponent.firstChild);
+      }
+
+      this.nodeComponent.appendChild(formatter.render());
+    }
+  }
+
   componentDidMount() {
-    const formatter = new JSONFormatter(this.props.data, 3, {hoverPreviewEnabled: true});
-    const nodeComponent = React.findDOMNode(this.refs.jsonFormatterContainer);
-    nodeComponent.appendChild(formatter.render());
+    this.nodeComponent = React.findDOMNode(this.refs.jsonFormatterContainer);
+    this.attachJsonFormatter();
   }
 
   render() {
+      this.attachJsonFormatter();
       return (
         <div ref="jsonFormatterContainer">
         </div>

diff --git a/playground/components/playground.js b/playground/components/playground.js
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import EditorComponent from './editor';
-import RefractPreviewComponent from './refractPreview';
+import JsonFormatterComponent from './JsonFormatter';
 import {AttributesComponent} from '../../src';
 import actionTypes from '../actions/types';
 import dispatcher from '../dispatcher';
@@ -39,7 +39,7 @@ class PlaygroundApp extends React.Component {
         </div>
 
         <div className="column">
-          <RefractPreviewComponent />
+          <JsonFormatterComponent data={this.state.attributes} />
         </div>
 
         <div className="column">

diff --git a/playground/components/refractPreview.js b/playground/components/refractPreview.js
diff --git a/playground/components/visual-testing.js b/playground/components/visual-testing.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import request from 'superagent';
-import JSONFormatterComponent from './JSONFormatter';
 
-import RefractPreviewComponent from './refractPreview';
+import JsonFormatterComponent from './JsonFormatter';
 import {AttributesComponent} from '../../src';