From d0da20ecd96d6ddb4035bfc7c1c8c91a7e0a0dd6 Mon Sep 17 00:00:00 2001
From: Elena Makarova <el-makarova@yandex-team.ru>
Date: Wed, 9 Jul 2025 17:36:34 +0300
Subject: [PATCH] fix(TopicData): decode data for message, show error for
 entire table

---
 src/containers/Tenant/Diagnostics/TopicData/TopicData.tsx    | 5 +++++
 .../TopicData/TopicDataControls/TopicDataControls.tsx        | 2 +-
 .../TopicMessageDetails/components/TopicMessage.tsx          | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/containers/Tenant/Diagnostics/TopicData/TopicData.tsx b/src/containers/Tenant/Diagnostics/TopicData/TopicData.tsx
index 5bca9439e1..69a62475a0 100644
--- a/src/containers/Tenant/Diagnostics/TopicData/TopicData.tsx
+++ b/src/containers/Tenant/Diagnostics/TopicData/TopicData.tsx
@@ -7,6 +7,7 @@ import {isNil} from 'lodash';
 import {DrawerWrapper} from '../../../../components/Drawer';
 import {EmptyFilter} from '../../../../components/EmptyFilter/EmptyFilter';
 import EnableFullscreenButton from '../../../../components/EnableFullscreenButton/EnableFullscreenButton';
+import {PageError} from '../../../../components/Errors/PageError/PageError';
 import Fullscreen from '../../../../components/Fullscreen/Fullscreen';
 import {
     DEFAULT_TABLE_ROW_HEIGHT,
@@ -293,6 +294,10 @@ export function TopicData({scrollContainerRef, path, database}: TopicDataProps)
         );
     }, [database, path]);
 
+    if (error) {
+        return <PageError error={error} position="left" />;
+    }
+
     return (
         !isNil(baseOffset) &&
         !isNil(baseEndOffset) && (
diff --git a/src/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.tsx b/src/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.tsx
index 6b6903c3d3..fe94152148 100644
--- a/src/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.tsx
+++ b/src/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.tsx
@@ -97,7 +97,7 @@ export function TopicDataControls({
             />
             <TopicDataStartControls scrollToOffset={scrollToOffset} />
 
-            {!isNil(startOffset) && !isNil(endOffset) && (
+            {!isNil(startOffset) && !isNil(endOffset) && endOffset > startOffset && (
                 <Flex gap={1}>
                     <Text color="secondary" whiteSpace="nowrap">
                         {formatNumber(startOffset)}—{formatNumber(endOffset - 1)}
diff --git a/src/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessage.tsx b/src/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessage.tsx
index 87b9b40f80..06ebd57e9e 100644
--- a/src/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessage.tsx
+++ b/src/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessage.tsx
@@ -41,6 +41,7 @@ export function TopicMessage({offset, size, message}: TopicMessageProps) {
                 preparedMessage = decodedMessage;
             }
         } catch (e) {
+            preparedMessage = decodedMessage;
             console.warn(e);
         }