Repository: provectus/kafka-ui
Issue: Preview is not clickable but look like a link in Messages
Labels: type/bug
scope/frontend
status/accepted
status/confirmed

**Describe the bug**
<!--(A clear and concise description of what the bug is.)-->
Word Preview near column names Key and Content of Message table look clickable but it`s not a link.

**Set up**
<!--
(How do you run the app? 
Which version of the app are you running? Provide either docker image version or check commit hash at the top left corner. We won't be able to help you without this information.)
-->
https://www.kafka-ui.provectus.io/

**Steps to Reproduce**
Steps to reproduce the behavior:

1. Navigate to local/Topics
2. Choose and click some Topic
3. Click the tab Messages
4. Observe: word Preview near Key and Content looks like a link but it`s not a link.

**Expected behavior**
<!--
(A clear and concise description of what you expected to happen)
-->

Following a link if it`s a link or Preview should look like a normal word.

**Screenshots**
<!--
(If applicable, add screenshots to help explain your problem)
-->


**Additional context**
<!--
(Add any other context about the problem here)
-->


Issue comments:
Also, if click on a collapsed plus of a message on the right panel there are 2 links [SchemaLink](https://www.kafka-ui.provectus.io/) they both go to the Dashboard for all type of topics. The purpose of these links are not clear, but obviously it`s not a Schema link. 

Pull request review comments:

Patch that resolved the issue:
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 3ea5a9a1bc5..a8ab3ae91c8 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 ca5aec70120..092bf6803b8 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 4b37876202f..39b713d7ea6 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 c3174403556..81268bdeb69 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>


Test patch: