From 6423a296008aa82875d4dc50350261ace1b2cc74 Mon Sep 17 00:00:00 2001
From: Shun Li <riverscn@gmail.com>
Date: Sat, 24 Sep 2022 13:06:32 +0800
Subject: [PATCH] feat: add chains[0] and process to connections display (#205)

* add chains[0] display

* add metadata.process to connections
---
 src/components/connection/connection-item.tsx | 4 ++++
 src/services/types.d.ts                       | 1 +
 2 files changed, 5 insertions(+)

diff --git a/src/components/connection/connection-item.tsx b/src/components/connection/connection-item.tsx
index 3a43171..01a9095 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 7aa83ee..ab94609 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;