@@ -89,37 +89,7 @@ const RouteLocations = props => {
8989 backgroundColor : '#ffffff' ,
9090 borderRadius : 3 ,
9191 border : '0' ,
92- << < << << HEAD :app / charts / RouteCopy . jsx
93- boxShadow :
94- '0 6px 6px 0 rgba(153, 153, 153, 0.14), 0 6px 6px -2px rgba(153, 153, 153, 0.2), 0 6px 8px 0 rgba(153, 153, 153, 0.12)' ,
95- '&:hover, &.Mui-focusVisible' : {
96- backgroundColor : `#ccd8e1` ,
97- color : '#ffffff' ,
98- } ,
99- } ,
100- hover : {
101- boxShadow : 'none' ,
102- color : 'transparent' ,
103- } ,
104- btnStyle : {
105- position : 'absolute' ,
106- top : - 10 ,
107- left : - 10 ,
108- margin : '0' ,
109- color : '#eeeeee' ,
110- borderRadius : '0' ,
111- backgroundColor : 'transparent' ,
112- '&:hover' : {
113- backgroundColor : 'none' ,
114- } ,
115- } ,
116- icon : {
117- width : '75px' ,
118- height : '75px' ,
119- boxShadow : 'none' ,
120- === === =
12192 boxShadow : '2px 2px 6px #bbbbbb' ,
122- >>> >>> > 50 f13071f2225c509ec51921f966dc3c8979699d :app / charts / RouteChart . jsx
12393 } ,
12494 } ) ) ;
12595 const classes = useStyles ( { } ) ;
@@ -133,7 +103,6 @@ const RouteLocations = props => {
133103 // check if node exists if not then add node
134104 let id = route [ i ] . microservice ;
135105 if ( nodeListObj [ id ] === undefined ) {
136- < << << << HEAD :app / charts / RouteCopy . jsx
137106 nodeListObj [ id ] = {
138107 id : id ,
139108 label : id ,
@@ -144,9 +113,6 @@ const RouteLocations = props => {
144113 } ,
145114 shape : 'circle' ,
146115 } ;
147- = === ===
148- nodeListObj [ id ] = { id : id , label : id , color : { background : '#24d2f1' , border : 'white' , hover : { background : '#4d55ec' , border : 'white' } } , shape : 'circle' }
149- >>> > >>> 50 f13071f2225c509ec51921f966dc3c8979699d:app / charts / RouteChart . jsx
150116 }
151117 // add edge from node 1 to node 2 (repeat til end)
152118 if ( i !== 0 ) {
@@ -157,8 +123,8 @@ const RouteLocations = props => {
157123 }
158124 }
159125 const nodeList = Object . values ( nodeListObj ) ;
160- console . log ( edgeList ) ;
161- console . log ( nodeList ) ;
126+ console . log ( 'edgeList' , edgeList ) ;
127+ console . log ( 'nodeList' , nodeList ) ;
162128
163129 const graph = {
164130 nodes : nodeList ,
@@ -175,13 +141,8 @@ const RouteLocations = props => {
175141 // edges: [{ from: 4, to: 2, label: 'hello' }, { from: 'one', to: 3 }, { from: 2, to: 4 }, { from: 2, to: 5 }]
176142 // };
177143 const options = {
178- << < << << HEAD :app / charts / RouteCopy . jsx
179- height: '400px' ,
180- width : '400px' ,
181- = === ===
182144 height : '300px' ,
183145 width : '300px' ,
184- > >>> >>> 50 f13071f2225c509ec51921f966dc3c8979699d:app / charts / RouteChart . jsx
185146 style : 'surface' ,
186147 layout : {
187148 hierarchical : false ,
@@ -208,27 +169,22 @@ const RouteLocations = props => {
208169 } ;
209170
210171 return (
211- < << << << HEAD :app / charts / RouteCopy . jsx
212172 < div className = "traceContainer" >
213- < span id = "trace" > Traces</ span >
173+ < span id = "tracesTitle" > Route Traces</ span >
214174 < Graph
215175 className = { classes . paper }
216176 graph = { graph }
217177 options = { options }
218178 events = { events }
219179 style = { {
220- fontSize : '8px ' ,
180+ fontSize : '2px ' ,
221181 color : '#555555' ,
222182 fontFamily : 'Open Sans' ,
223- boxShadow : '0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19 )' ,
183+ boxShadow : '3px 3px 6px 1px rgb(175, 175, 175 )' ,
224184 backgroundColor : 'white' ,
185+ borderRadius : '3px' ,
225186 } }
226187 />
227- === = ===
228- < div className = 'traceContainer' >
229- < span id = 'tracesTitle' > Route Traces</ span >
230- < Graph className = { classes . paper } graph = { graph } options = { options } events = { events } style = { { fontSize : '2px' , color : '#555555' , fontFamily : 'Open Sans' , boxShadow : '3px 3px 6px 1px rgb(175, 175, 175)' , backgroundColor : 'white' , borderRadius : '3px' } } />
231- >>> >>> > 50 f13071f2225c509ec51921f966dc3c8979699d :app / charts / RouteChart . jsx
232188 </ div >
233189 ) ;
234190} ;
0 commit comments