(null);
@@ -193,7 +193,7 @@ const MessageCardTools = ({
{isScreenshotMsg && (
diff --git a/src/components/message/message-card/MessageHeader.tsx b/src/components/message/message-card/MessageHeader.tsx
index 1f6d4ae49..1f29e7471 100644
--- a/src/components/message/message-card/MessageHeader.tsx
+++ b/src/components/message/message-card/MessageHeader.tsx
@@ -17,7 +17,7 @@
import * as React from 'react';
import { EventMessage } from '../../../models/EventMessage';
import { createStyleSelector } from '../../../helpers/styleCreators';
-import { timestampToNumber, formatTime } from '../../../helpers/date';
+import { formatTime } from '../../../helpers/date';
import { getHashCode } from '../../../helpers/stringHash';
interface MessageInfoProps {
@@ -28,7 +28,7 @@ interface MessageInfoProps {
export const MessageHeader = React.memo((props: MessageInfoProps) => {
const { message, onTimestampMouseEnter, onTimestampMouseLeave } = props;
- const { timestamp, sessionId, messageType, messageId, direction } = message;
+ const { timestamp, sessionId, messageType, id, direction } = message;
// session arrow color, we calculating it for each session from-to pair, based on hash
const sessionArrowStyle: React.CSSProperties = {
@@ -41,7 +41,7 @@ export const MessageHeader = React.memo((props: MessageInfoProps) => {
direction?.toLowerCase(),
);
- const formattedTimestamp = formatTime(timestampToNumber(timestamp));
+ const formattedTimestamp = formatTime(timestamp);
return (
{
{sessionId}
- {messageId}
+ {id}
{messageType}
diff --git a/src/components/search-panel/SearchResultGroup.tsx b/src/components/search-panel/SearchResultGroup.tsx
index 2bc6b0600..3ed3f5724 100644
--- a/src/components/search-panel/SearchResultGroup.tsx
+++ b/src/components/search-panel/SearchResultGroup.tsx
@@ -121,7 +121,7 @@ const SearchResultGroup = ({
messagesWorkspaceStore.currentMessagesIndexesRange.endIndex + 1,
);
- return visibleMessages.some(({ messageId }) => messageId === message.messageId);
+ return visibleMessages.some(({ id }) => id === message.id);
};
const isResultItemHighlighted = (result: SearchResult) => {
diff --git a/src/helpers/event.ts b/src/helpers/event.ts
index 66386fb54..194e6270d 100644
--- a/src/helpers/event.ts
+++ b/src/helpers/event.ts
@@ -109,7 +109,7 @@ export const sortByTimestamp = (
};
export function getItemId(item: EventAction | EventTreeNode | EventMessage) {
- if (isEventMessage(item)) return item.messageId;
+ if (isEventMessage(item)) return item.id;
return item.eventId;
}
diff --git a/src/helpers/graph.ts b/src/helpers/graph.ts
index 533898385..3c2f9449c 100644
--- a/src/helpers/graph.ts
+++ b/src/helpers/graph.ts
@@ -106,6 +106,6 @@ export function filterUniqueGraphItems(items: GraphItem[]) {
}
function getGraphItemId(item: GraphItem) {
- if (isEventMessage(item)) return item.messageId;
+ if (isEventMessage(item)) return item.id;
return item.eventId;
}
diff --git a/src/models/EventMessage.ts b/src/models/EventMessage.ts
index 21ddc19e6..d6db75444 100644
--- a/src/models/EventMessage.ts
+++ b/src/models/EventMessage.ts
@@ -46,7 +46,7 @@ export interface MessageDisplayRule {
export interface EventMessage {
type: ActionType.MESSAGE;
messageType: string;
- messageId: string;
+ id: string;
timestamp: number;
direction: string;
sessionId: string;
diff --git a/src/stores/GraphStore.ts b/src/stores/GraphStore.ts
index 20cddfb78..1b0836340 100644
--- a/src/stores/GraphStore.ts
+++ b/src/stores/GraphStore.ts
@@ -168,11 +168,9 @@ export class GraphStore {
? GraphItemType.PASSED
: GraphItemType.FAILED;
}
- return item.messageId === this.selectedStore.hoveredMessage?.messageId
+ return item.id === this.selectedStore.hoveredMessage?.id
? GraphItemType.HOVERED_MESSAGE
- : this.selectedStore.attachedMessages.findIndex(
- attMsg => attMsg.messageId === item.messageId,
- ) !== -1
+ : this.selectedStore.attachedMessages.findIndex(attMsg => attMsg.id === item.id) !== -1
? GraphItemType.ATTACHED_MESSAGE
: GraphItemType.PINNED_MESSAGE;
};
diff --git a/src/stores/SelectedStore.ts b/src/stores/SelectedStore.ts
index 4a4528814..14db3a95b 100644
--- a/src/stores/SelectedStore.ts
+++ b/src/stores/SelectedStore.ts
@@ -99,7 +99,7 @@ export class SelectedStore {
@action
public toggleMessagePin = (message: EventMessage) => {
const bookmark = this.bookmarkedMessages.find(
- messageBookmark => messageBookmark.id === message.messageId,
+ messageBookmark => messageBookmark.id === message.id,
);
if (bookmark) {
this.removeBookmark(bookmark);
@@ -197,7 +197,7 @@ export class SelectedStore {
private createMessageBookmark = (message: EventMessage): MessageBookmark => {
return {
- id: message.messageId,
+ id: message.id,
timestamp: moment.utc().valueOf(),
item: toJS(message),
};
diff --git a/src/stores/events/EventsDataStore.ts b/src/stores/events/EventsDataStore.ts
index 9fa3c4d45..7ac92583b 100644
--- a/src/stores/events/EventsDataStore.ts
+++ b/src/stores/events/EventsDataStore.ts
@@ -506,7 +506,7 @@ export default class EventsDataStore {
try {
this.targetEventAC = new AbortController();
const event = await this.api.events.getEvent(targetEventId, this.targetEventAC.signal);
- const targetEventTimestamp = timestampToNumber(event.startTimestamp);
+ const targetEventTimestamp = event.startTimestamp;
// TODO: add filtering too see if target event matches current filter
if (
targetEventTimestamp < this.filterStore.timestampFrom ||
diff --git a/src/stores/messages/MessagesDataProviderStore.ts b/src/stores/messages/MessagesDataProviderStore.ts
index 8235dd6dc..fa5f23d4a 100644
--- a/src/stores/messages/MessagesDataProviderStore.ts
+++ b/src/stores/messages/MessagesDataProviderStore.ts
@@ -184,7 +184,7 @@ export default class MessagesDataProviderStore implements MessagesDataStore {
runInAction(() => {
const messages = [
- ...nextMessages.filter(val => val.messageId !== message?.messageId),
+ ...nextMessages.filter(val => val.id !== message?.id),
...[message].filter(isEventMessage),
...prevMessages,
];
@@ -194,11 +194,11 @@ export default class MessagesDataProviderStore implements MessagesDataStore {
if (!this.messagesStore.selectedMessageId) {
message = prevMessages[0] || nextMessages[nextMessages.length - 1];
- if (message) this.messagesStore.selectedMessageId = new String(message.messageId);
+ if (message) this.messagesStore.selectedMessageId = new String(message.id);
}
if (this.messagesStore.filterStore.isSoftFilter && message) {
- this.isSoftFiltered.set(message.messageId, true);
+ this.isSoftFiltered.set(message.id, true);
}
};
@@ -268,10 +268,7 @@ export default class MessagesDataProviderStore implements MessagesDataStore {
this.lastPreviousChannelResponseTimestamp = null;
const firstPrevMessage = messages[0];
- if (
- firstPrevMessage &&
- firstPrevMessage.messageId === this.messages[this.messages.length - 1]?.messageId
- ) {
+ if (firstPrevMessage && firstPrevMessage.id === this.messages[this.messages.length - 1]?.id) {
messages.shift();
}
@@ -311,7 +308,7 @@ export default class MessagesDataProviderStore implements MessagesDataStore {
this.lastNextChannelResponseTimestamp = null;
const firstNextMessage = messages[messages.length - 1];
- if (firstNextMessage && firstNextMessage.messageId === this.messages[0]?.messageId) {
+ if (firstNextMessage && firstNextMessage.id === this.messages[0]?.id) {
messages.pop();
}
diff --git a/src/stores/messages/MessagesStore.ts b/src/stores/messages/MessagesStore.ts
index db196ff21..caa2b42e5 100644
--- a/src/stores/messages/MessagesStore.ts
+++ b/src/stores/messages/MessagesStore.ts
@@ -183,8 +183,8 @@ export default class MessagesStore {
this.filterStore = new MessagesFilterStore(this.searchStore, defaultState);
const message = defaultState.targetMessage;
if (isEventMessage(message)) {
- this.selectedMessageId = new String(message.messageId);
- this.highlightedMessageId = new String(message.messageId);
+ this.selectedMessageId = new String(message.id);
+ this.highlightedMessageId = new String(message.id);
this.graphStore.setTimestamp(message.timestamp);
this.workspaceStore.viewStore.activePanel = this;
if (defaultState.targetMessageBodyRange) {
@@ -205,8 +205,8 @@ export default class MessagesStore {
if (!shouldShowFilterHintBeforeRefetchingMessages) {
const streams = this.filterStore.filter.streams;
- this.selectedMessageId = new String(message.messageId);
- this.highlightedMessageId = new String(message.messageId);
+ this.selectedMessageId = new String(message.id);
+ this.highlightedMessageId = new String(message.id);
this.graphStore.setTimestamp(message.timestamp);
this.hintMessages = [];
this.workspaceStore.viewStore.activePanel = this;
@@ -221,10 +221,10 @@ export default class MessagesStore {
@action
public selectAttachedMessage = (message: EventMessage) => {
- const messageIndex = this.dataStore.messages.findIndex(m => m.messageId === message.messageId);
+ const messageIndex = this.dataStore.messages.findIndex(m => m.id === message.id);
if (messageIndex !== -1) {
- this.selectedMessageId = new String(message.messageId);
- this.highlightedMessageId = new String(message.messageId);
+ this.selectedMessageId = new String(message.id);
+ this.highlightedMessageId = new String(message.id);
} else {
this.onMessageSelect(message);
}
@@ -240,7 +240,7 @@ export default class MessagesStore {
const mostRecentMessage = getItemAt(sortMessagesByTimestamp(attachedMessages), 0);
if (mostRecentMessage) {
const streams = this.filterStore.filter.streams;
- this.selectedMessageId = new String(mostRecentMessage.messageId);
+ this.selectedMessageId = new String(mostRecentMessage.id);
this.filterStore.filter = {
...this.filterStore.filter,
streams: [
@@ -300,7 +300,7 @@ export default class MessagesStore {
runInAction(() => (this.isFilteringTargetMessages = true));
const hintMessagesMatch = await Promise.all(
- this.hintMessages.map(hm => this.api.messages.matchMessage(hm.messageId, matchMessageParams)),
+ this.hintMessages.map(hm => this.api.messages.matchMessage(hm.id, matchMessageParams)),
).finally(() => {
runInAction(() => (this.isFilteringTargetMessages = false));
});
@@ -319,8 +319,8 @@ export default class MessagesStore {
const targetMessage: EventMessage = sortMessagesByTimestamp(this.hintMessages)[0];
- this.selectedMessageId = new String(targetMessage.messageId);
- this.highlightedMessageId = new String(targetMessage.messageId);
+ this.selectedMessageId = new String(targetMessage.id);
+ this.highlightedMessageId = new String(targetMessage.id);
this.showFilterChangeHint = false;
this.graphStore.setTimestamp(targetMessage.timestamp);
diff --git a/src/stores/messages/MessagesUpdateStore.ts b/src/stores/messages/MessagesUpdateStore.ts
index 70e2ead38..838df7898 100644
--- a/src/stores/messages/MessagesUpdateStore.ts
+++ b/src/stores/messages/MessagesUpdateStore.ts
@@ -41,7 +41,7 @@ export default class MessagesUpdateStore {
if (messages.length) {
onNextChannelResponse(messages);
- this.messagesStore.selectedMessageId = messages[0].messageId;
+ this.messagesStore.selectedMessageId = messages[0].id;
}
runInAction(() => (this.timer = setTimeout(this.startLoop, 5000)));
diff --git a/src/stores/messages/MessagesViewTypesStore.ts b/src/stores/messages/MessagesViewTypesStore.ts
index 370a9eea1..ae47d0a40 100644
--- a/src/stores/messages/MessagesViewTypesStore.ts
+++ b/src/stores/messages/MessagesViewTypesStore.ts
@@ -42,7 +42,7 @@ class MessagesViewTypesStore {
@action
public getSavedViewType = (message: EventMessage): SavedMessageViewType => {
- const { messageId } = message;
+ const messageId = message.id;
const key = keyForMessage(messageId);
if (this.savedViewTypes.has(key)) {
return this.savedViewTypes.get(key) as SavedMessageViewType;
diff --git a/src/stores/workspace/WorkspaceStore.ts b/src/stores/workspace/WorkspaceStore.ts
index 063e8c4c4..55bdcb326 100644
--- a/src/stores/workspace/WorkspaceStore.ts
+++ b/src/stores/workspace/WorkspaceStore.ts
@@ -203,10 +203,10 @@ export default class WorkspaceStore {
this.attachedMessagesAC = new AbortController();
try {
const cachedMessages = this.attachedMessages.filter(message =>
- attachedMessagesIds.includes(message.messageId),
+ attachedMessagesIds.includes(message.id),
);
const messagesToLoad = attachedMessagesIds.filter(
- messageId => cachedMessages.findIndex(message => message.messageId === messageId) === -1,
+ messageId => cachedMessages.findIndex(message => message.id === messageId) === -1,
);
const messages = await Promise.all(
messagesToLoad.map(id => this.api.messages.getMessage(id, this.attachedMessagesAC?.signal)),