diff --git a/src/components/connection/connection-item.tsx b/src/components/connection/connection-item.tsx index 3a43171292e8e06cfd1a05d7c02bcb63024253bb..01a909527dec92fdfa141e703ebc005dee51c65d 100644 --- a/src/components/connection/connection-item.tsx +++ b/src/components/connection/connection-item.tsx @@ -48,8 +48,12 @@ const ConnectionItem = (props: Props) => { <Tag>{metadata.type}</Tag> + {metadata.process && <Tag>{metadata.process}</Tag>} + {chains.length > 0 && <Tag>{chains[value.chains.length - 1]}</Tag>} + {chains.length > 0 && <Tag>{chains[0]}</Tag>} + <Tag>{dayjs(start).fromNow()}</Tag> {showTraffic && ( diff --git a/src/services/types.d.ts b/src/services/types.d.ts index 7aa83ee9e235c7aa30ab5f20777185f337ad234f..ab94609b9f898347a117c5dc24f620d4eb77c38b 100644 --- a/src/services/types.d.ts +++ b/src/services/types.d.ts @@ -67,6 +67,7 @@ declare namespace ApiType { sourcePort: string; destinationPort: string; destinationIP?: string; + process?: string; }; upload: number; download: number;