Ensure nodes render over their links on Z-axis (#29); closes #26

Author: justinsisley

src/Tree/index.js

@@ -279,6 +279,17 @@ export default class Tree extends React.Component {
             className="rd3t-g"
             transform={`translate(${translate.x},${translate.y})`}
           >
+            {links.map((linkData) =>
+              <Link
+                key={uuid.v4()}
+                orientation={orientation}
+                pathFunc={pathFunc}
+                linkData={linkData}
+                transitionDuration={transitionDuration}
+                styles={styles.links}
+              />
+            )}
+
             {nodes.map((nodeData) =>
               <Node
                 key={nodeData.id}
@@ -293,17 +304,6 @@ export default class Tree extends React.Component {
                 styles={styles.nodes}
               />
             )}
-
-            {links.map((linkData) =>
-              <Link
-                key={uuid.v4()}
-                orientation={orientation}
-                pathFunc={pathFunc}
-                linkData={linkData}
-                transitionDuration={transitionDuration}
-                styles={styles.links}
-              />
-            )}
           </TransitionGroup>
         </svg>
       </div>