diff --git a/index.html b/index.html index 81fe8f0f4..9357d5f0c 100644 --- a/index.html +++ b/index.html @@ -10,8 +10,5 @@
lOl
- - - diff --git a/package.json b/package.json index 0e944c0de..01c8f8434 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,7 @@ "react": "^15.0.1", "react-dom": "^15.0.1", "react-hot-loader": "3.0.0-beta.2", + "react-json-tree": "^0.10.0", "react-redux": "^4.4.5", "react-router": "^2.6.1", "redux": "^3.5.2", diff --git a/source/components/Rule.js b/source/components/Rule.js index 03042b24b..f183c5532 100644 --- a/source/components/Rule.js +++ b/source/components/Rule.js @@ -1,15 +1,17 @@ import React, { Component } from 'react' import {findRuleByName} from '../model.js' -import {safeDump} from 'js-yaml' import './Rule.css' +import JSONTree from 'react-json-tree' export default class Rule extends Component { render() { + let json = findRuleByName(this.props.params.name)[2] + return ( 
 					
-						{safeDump(findRuleByName(this.props.params.name)[2])}
+						 true} data={json} />