From b1616d4e1336aa08efa61eb8ce14684863e17c74 Mon Sep 17 00:00:00 2001
From: yougotwill <willmgrant@gmail.com>
Date: Wed, 14 Aug 2024 16:00:51 +1000
Subject: [PATCH] fix: updated DebugMessageInfo

---
 .../message-info/components/MessageInfo.tsx   | 28 +++++++++----------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/ts/components/conversation/right-panel/overlay/message-info/components/MessageInfo.tsx b/ts/components/conversation/right-panel/overlay/message-info/components/MessageInfo.tsx
index d977ea8b8..2cb733322 100644
--- a/ts/components/conversation/right-panel/overlay/message-info/components/MessageInfo.tsx
+++ b/ts/components/conversation/right-panel/overlay/message-info/components/MessageInfo.tsx
@@ -85,6 +85,8 @@ const DebugMessageInfo = ({ messageId }: { messageId: string }) => {
   const expirationType = useMessageExpirationType(messageId);
   const expirationDurationMs = useMessageExpirationDurationMs(messageId);
   const expirationTimestamp = useMessageExpirationTimestamp(messageId);
+  const timestamp = useMessageTimestamp(messageId);
+  const serverTimestamp = useMessageServerTimestamp(messageId);
 
   if (!isDevProd()) {
     return null;
@@ -92,29 +94,25 @@ const DebugMessageInfo = ({ messageId }: { messageId: string }) => {
 
   return (
     <>
-      {convoId ? (
-        <LabelWithInfo label={`${window.i18n('conversationId')}:`} info={convoId} />
-      ) : null}
-      {messageHash ? (
-        <LabelWithInfo label={`${window.i18n('messageHash')}:`} info={messageHash} />
-      ) : null}
-      {serverId ? (
-        <LabelWithInfo label={`${window.i18n('serverId')}:`} info={`${serverId}`} />
-      ) : null}
-      {expirationType ? (
-        <LabelWithInfo label={`${window.i18n('expirationType')}:`} info={expirationType} />
+      {convoId ? <LabelWithInfo label={`Conversation ID:`} info={convoId} /> : null}
+      {messageHash ? <LabelWithInfo label={`Message Hash:`} info={messageHash} /> : null}
+      {serverId ? <LabelWithInfo label={`Server ID:`} info={`${serverId}`} /> : null}
+      {timestamp ? <LabelWithInfo label={`Timestamp:`} info={String(timestamp)} /> : null}
+      {serverTimestamp ? (
+        <LabelWithInfo label={`Server Timestamp:`} info={String(serverTimestamp)} />
       ) : null}
+      {expirationType ? <LabelWithInfo label={`Expiration Type:`} info={expirationType} /> : null}
       {expirationDurationMs ? (
         <LabelWithInfo
-          label={`${window.i18n('expirationDuration')}:`}
-          // formatDistanceStrict (date-fns) is not localized yet
+          label={`Expiration Duration:`}
+          // TODO formatDistanceStrict (date-fns) is not localized yet
           info={`${formatDistanceStrict(0, Math.floor(expirationDurationMs / 1000))}`}
         />
       ) : null}
       {expirationTimestamp ? (
         <LabelWithInfo
-          label={`${window.i18n('disappears')}:`}
-          // format (date-fns) is not localized yet
+          label={`Disappears:`}
+          // TODO format (date-fns) is not localized yet
           info={`${format(expirationTimestamp, 'PPpp')}`}
         />
       ) : null}