Hide properties (#7)

* Hide properties from the tree

* Make path straight

Author: Youssef1313

DotNetSyntaxTreeVisualizer/ClientApp/src/components/Home.js

@@ -1,16 +1,6 @@
 import React, { Component } from 'react';
 import Tree from 'react-d3-tree';
 
-const svgSquare = {
-    shape: 'rect',
-    shapeProps: {
-        width: 20,
-        height: 20,
-        x: -10,
-        y: -10,
-    }
-}
-
 const containerStyles = {
     width: '100%',
     height: '100vh',
@@ -57,7 +47,7 @@ export class Home extends Component {
             <React.Fragment>
                 <textarea defaultValue={helloWorldCode} onChange={this.handleChanged} style={{ height: '230px', width: '100%' }} />
                 <div id="treeWrapper" style={containerStyles} ref={tc => (this.treeContainer = tc)}>
-                    <Tree data={this.state.treeJson} nodeSvgShape={svgSquare} orientation="vertical" translate={this.state.translate} />
+                    <Tree data={this.state.treeJson} orientation="vertical" translate={this.state.translate} pathFunc="straight" />
                 </div>
             </React.Fragment>
         );

DotNetSyntaxTreeVisualizer/SyntaxTreeNode.cs

@@ -9,11 +9,11 @@ public class SyntaxTreeNode
     {
         public string Name { get; }
 
-        public IDictionary<string, string> Attributes { get; }
+        public IDictionary<string, string> Properties { get; }
         public IList<SyntaxTreeNode> Children { get; } = new List<SyntaxTreeNode>();
 
-        public SyntaxTreeNode(IDictionary<string, string> attributes) =>
-            (Attributes, Name) = (attributes, attributes.Values.First());
+        public SyntaxTreeNode(IDictionary<string, string> properties) =>
+            (Properties, Name) = (properties, properties.Values.First());
 
         public void AddChild(SyntaxTreeNode child)
         {
@@ -22,7 +22,7 @@ public void AddChild(SyntaxTreeNode child)
 
         public override string ToString()
         {
-            return Attributes.Values.First();
+            return Properties.Values.First();
         }
     }
 }