0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

MessageItem component updated

Browse source
This commit is contained in:
Guzel738 2021-02-03 21:59:29 +03:00
parent dbe22d3cf1
commit 066e558c88
1 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
kafka-ui-react-app/src/components/Topics/Details/Messages/MessageItem.tsx
View file

@ -16,11 +16,6 @@ const MessageItem: React.FC<MessageItemProp> = ({
timestamp,
content,
}) => {
const getFormattedDate = (date: Date) => {
if (!date) return null;
return format(date, 'yyyy-MM-dd HH:mm:ss');
};
const getMessageContentBody = (messageContent: Record<string, unknown>) => {
try {
const contentObj =
@ -55,11 +50,13 @@ const MessageItem: React.FC<MessageItemProp> = ({
};
return (
<tr key={`${timestamp}${Math.random()}`}>
<td style={{ width: 200 }}>{getFormattedDate(timestamp)}</td>
<tr key="{timestamp}">
<td style={{ width: 200 }}>
{timestamp ? format(timestamp, 'yyyy-MM-dd HH:mm:ss') : null}
</td>
<td style={{ width: 150 }}>{offset}</td>
<td style={{ width: 100 }}>{partition}</td>
<td key={Math.random()} style={{ wordBreak: 'break-word' }}>
<td key="{content}" style={{ wordBreak: 'break-word' }}>
{content && getMessageContentBody(content as Record<string, unknown>)}
</td>
</tr>