diff --git a/ui/src/components/EntryListItem/EntryListItem.tsx b/ui/src/components/EntryListItem/EntryListItem.tsx index 60c0f5db5..d88575250 100644 --- a/ui/src/components/EntryListItem/EntryListItem.tsx +++ b/ui/src/components/EntryListItem/EntryListItem.tsx @@ -298,7 +298,7 @@ export const EntryItem: React.FC = ({entry, focusedEntryId, setFocus flipped={false} > {Moment(+entry.timestamp)?.utc().format('MM/DD/YYYY, h:mm:ss.SSS A')} diff --git a/ui/src/components/TrafficPage.tsx b/ui/src/components/TrafficPage.tsx index f9264588d..7d4075e01 100644 --- a/ui/src/components/TrafficPage.tsx +++ b/ui/src/components/TrafficPage.tsx @@ -225,13 +225,12 @@ export const TrafficPage: React.FC = ({setAnalyzeStatus, onTLS }, [focusedEntryId]); const toggleConnection = () => { - if (connection === ConnectionStatus.Connected) { - ws.current.close(); - } else { + ws.current.close(); + if (connection !== ConnectionStatus.Connected) { if (query) { - openWebSocket(`(${query}) and leftOff(${leftOffBottom})`, false); + openWebSocket(`(${query}) and leftOff(-1)`, true); } else { - openWebSocket(`leftOff(${leftOffBottom})`, false); + openWebSocket(`leftOff(-1)`, true); } } } @@ -249,9 +248,9 @@ export const TrafficPage: React.FC = ({setAnalyzeStatus, onTLS const getConnectionTitle = () => { switch (connection) { case ConnectionStatus.Connected: - return "connected, waiting for traffic" + return "streaming live traffic" default: - return "not connected"; + return "streaming paused"; } }