fix(hawtio#303): Show total exchanges instead of completed

mmelko · Oct 23, 2024 · b242d6b · b242d6b
1 parent dee24f5
commit b242d6b
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/hawtio/src/plugins/camel/route-diagram/RouteDiagram.tsx b/packages/hawtio/src/plugins/camel/route-diagram/RouteDiagram.tsx
@@ -147,6 +147,9 @@ const CamelNode: React.FunctionComponent<NodeProps<CamelNodeData>> = ({
     return newLabel.substring(0, 17) + '...'
   }
 
+  const totalExchanges: number =
+    parseInt(data.stats?.exchangesCompleted ?? '0') + parseInt(data.stats?.exchangesInflight ?? '0')
+
   return (
     <div
       className={'camel-node-content' + (selected ? ' highlighted' : '')}
@@ -163,7 +166,7 @@ const CamelNode: React.FunctionComponent<NodeProps<CamelNodeData>> = ({
       <div className='annotation'>{annotation?.element}</div>
       <div className='icon'>{data.imageUrl}</div>
       <div className='inflights'>{showInflightCounter && data.stats?.exchangesInflight}</div>
-      <div className='number'>{data.stats?.exchangesCompleted}</div>
+      <div className='number'>{totalExchanges}</div>
       <div className='camel-node-label'>{truncate(data.label)}</div>
       {data.cid && <div className='camel-node-id'> (ID: {data.cid})</div>}
       {showStatistics && (
@@ -177,6 +180,10 @@ const CamelNode: React.FunctionComponent<NodeProps<CamelNodeData>> = ({
                     <Td>ID</Td>
                     <Td>{data.stats.id}</Td>
                   </Tr>
+                  <Tr>
+                    <Td>Total</Td>
+                    <Td>{totalExchanges}</Td>
+                  </Tr>
                   <Tr>
                     <Td>Completed</Td>
                     <Td>{data.stats?.exchangesCompleted}</Td>