fix: use remoteDestination replace DestinationIP in connection page, #2668 (#2679)

* fix: use remoteDestination replace DestinationIP  in connection page, #2668

* add: missing i18n text

* fix: display the target address details in connection page
This commit is contained in:
Christine.
2025-02-11 14:52:27 +08:00
committed by GitHub
parent e230981ac4
commit d895b68f04
10 changed files with 23 additions and 14 deletions

View File

@@ -51,8 +51,8 @@ const InnerConnectionDetail = ({ data, onClose }: InnerProps) => {
const chains = [...data.chains].reverse().join(" / ");
const rule = rulePayload ? `${data.rule}(${rulePayload})` : data.rule;
const host = metadata.host
? `${metadata.host}:${metadata.destinationPort}`
: `${metadata.destinationIP}:${metadata.destinationPort}`;
? `${metadata.host}:${metadata.remoteDestination}`
: `${metadata.remoteDestination}:${metadata.destinationPort}`;
const information = [
{ label: t("Host"), value: host },
@@ -79,7 +79,8 @@ const InnerConnectionDetail = ({ data, onClose }: InnerProps) => {
label: t("Source"),
value: `${metadata.sourceIP}:${metadata.sourcePort}`,
},
{ label: t("Destination IP"), value: metadata.destinationIP },
{ label: t("Destination"), value: metadata.remoteDestination },
{ label: t("DestinationPort"), value: `${metadata.destinationPort}` },
{ label: t("Type"), value: `${metadata.type}(${metadata.network})` },
];

View File

@@ -71,8 +71,8 @@ export const ConnectionTable = (props: Props) => {
},
{ field: "source", headerName: t("Source"), flex: 200, minWidth: 130 },
{
field: "destinationIP",
headerName: t("Destination IP"),
field: "remoteDestination",
headerName: t("Destination"),
flex: 200,
minWidth: 130,
},
@@ -88,7 +88,7 @@ export const ConnectionTable = (props: Props) => {
id: each.id,
host: metadata.host
? `${metadata.host}:${metadata.destinationPort}`
: `${metadata.destinationIP}:${metadata.destinationPort}`,
: `${metadata.remoteDestination}:${metadata.destinationPort}`,
download: each.download,
upload: each.upload,
dlSpeed: each.curDownload,
@@ -98,7 +98,7 @@ export const ConnectionTable = (props: Props) => {
process: truncateStr(metadata.process || metadata.processPath),
time: each.start,
source: `${metadata.sourceIP}:${metadata.sourcePort}`,
destinationIP: metadata.destinationIP,
remoteDestination: `${metadata.remoteDestination}:${metadata.destinationPort}`,
type: `${metadata.type}(${metadata.network})`,
connectionData: each,
};