From f0d43e033e7eff3933036daa76e3e1f21219af4b Mon Sep 17 00:00:00 2001
From: vkuchinov <helloworld@vkuchinov.co.uk>
Date: Mon, 26 Aug 2019 08:12:51 +0300
Subject: [PATCH] Update ArcNode.js

HAve returned missing labels
---
 .../report-components/zerotrust/venn-components/ArcNode.js   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/monkey/monkey_island/cc/ui/src/components/report-components/zerotrust/venn-components/ArcNode.js b/monkey/monkey_island/cc/ui/src/components/report-components/zerotrust/venn-components/ArcNode.js
index 1306ecc54..506ec0b7d 100644
--- a/monkey/monkey_island/cc/ui/src/components/report-components/zerotrust/venn-components/ArcNode.js
+++ b/monkey/monkey_island/cc/ui/src/components/report-components/zerotrust/venn-components/ArcNode.js
@@ -9,13 +9,14 @@ class ArcNode extends React.Component{
         let {prefix, index, data} = this.props;
 
         let arc = d3.arc().innerRadius(data.inner).outerRadius(data.outer).startAngle(0).endAngle(Math.PI * 2.0);
+        let id = prefix + 'Node_' + index;
         
         return ( 
             
             <g transform={'rotate(180)'} id={data.node.pillar}>
                 <path
             
-                    id={prefix + 'Node_' + index}
+                    id={id}
                     className={'arcNode'}
                     data-tooltip={data.tooltip}
                     d={arc()}
@@ -23,7 +24,7 @@ class ArcNode extends React.Component{
 
                 />
                 <text x={0} dy={data.fontStyle.size * 1.2} fontSize={data.fontStyle.size} textAnchor='middle' pointerEvents={'none'}>
-                    <textPath href={'#' + this._reactInternalFiber.key} startOffset={'26.4%'}>
+                    <textPath href={'#' + id} startOffset={'26.4%'}>  
                         {data.label}
                     </textPath>
                 </text>