From a038762409af4021e2db4af293241c8c64da7bd4 Mon Sep 17 00:00:00 2001
From: Arsen Simonyan <103444767+simonyandev@users.noreply.github.com>
Date: Tue, 19 Apr 2022 19:51:24 +0400
Subject: [PATCH] Remove unnecessary links and texts in topic messages (#1851)

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
---
 .../src/components/Topics/Topic/Details/Messages/Message.tsx | 5 -----
 .../Details/Messages/MessageContent/MessageContent.styled.ts | 3 ---
 .../Topic/Details/Messages/MessageContent/MessageContent.tsx | 2 --
 .../Topics/Topic/Details/Messages/MessagesTable.tsx          | 4 ++--
 4 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Message.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Message.tsx
index 3ea5a9a1bc..a8ab3ae91c 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Message.tsx
+++ b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Message.tsx
@@ -62,13 +62,8 @@ const Message: React.FC<{ message: TopicMessage }> = ({
         <StyledDataCell title={key}>{key}</StyledDataCell>
         <StyledDataCell>
           <S.Metadata>
-            <S.MetadataLabel>Range:</S.MetadataLabel>
             <S.MetadataValue>{content}</S.MetadataValue>
           </S.Metadata>
-          <S.Metadata>
-            <S.MetadataLabel>Version:</S.MetadataLabel>
-            <S.MetadataValue>3</S.MetadataValue>
-          </S.Metadata>
         </StyledDataCell>
         <td style={{ width: '5%' }}>
           {vEllipsisOpen && (
diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/MessageContent/MessageContent.styled.ts b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/MessageContent/MessageContent.styled.ts
index ca5aec7012..092bf6803b 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/MessageContent/MessageContent.styled.ts
+++ b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/MessageContent/MessageContent.styled.ts
@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import { Link } from 'react-router-dom';
 
 export const Wrapper = styled.tr`
   background-color: ${({ theme }) => theme.topicMetaData.backgroundColor};
@@ -78,5 +77,3 @@ export const PaginationButton = styled.button`
   cursor: pointer;
   font-size: 14px;
 `;
-
-export const SchemaLink = styled(Link)``;
diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/MessageContent/MessageContent.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/MessageContent/MessageContent.tsx
index 4b37876202..39b713d7ea 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/MessageContent/MessageContent.tsx
+++ b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/MessageContent/MessageContent.tsx
@@ -106,7 +106,6 @@ const MessageContent: React.FC<MessageContentProps> = ({
                 <S.MetadataMeta>
                   Size: <BytesFormatted value={contentSize} />
                 </S.MetadataMeta>
-                <S.SchemaLink to="/">SchemaLink</S.SchemaLink>
               </span>
             </S.Metadata>
 
@@ -117,7 +116,6 @@ const MessageContent: React.FC<MessageContentProps> = ({
                 <S.MetadataMeta>
                   Size: <BytesFormatted value={keySize} />
                 </S.MetadataMeta>
-                <S.SchemaLink to="/">SchemaLink</S.SchemaLink>
               </span>
             </S.Metadata>
           </S.MetadataWrapper>
diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/MessagesTable.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/MessagesTable.tsx
index c317440355..81268bdeb6 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/MessagesTable.tsx
+++ b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/MessagesTable.tsx
@@ -74,8 +74,8 @@ const MessagesTable: React.FC = () => {
             <TableHeaderCell title="Offset" />
             <TableHeaderCell title="Partition" />
             <TableHeaderCell title="Timestamp" />
-            <TableHeaderCell title="Key" previewText="Preview" />
-            <TableHeaderCell title="Content" previewText="Preview" />
+            <TableHeaderCell title="Key" />
+            <TableHeaderCell title="Content" />
             <TableHeaderCell> </TableHeaderCell>
           </tr>
         </thead>