Remove unnecessary links and texts in topic messages (#1851)

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>

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 && (

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)``;

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>

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="Key" />
-            <TableHeaderCell title="Content" previewText="Preview" />
+            <TableHeaderCell title="Content" />
             <TableHeaderCell> </TableHeaderCell>
           </tr>
         </thead>