Display replication factor field in topics list #608 (#697)

This commit is contained in:
MBovtriukProvectus 2021-07-21 15:55:30 +03:00 committed by GitHub
parent b296108e5b
commit 326786e4ff
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 1 deletions

View file

@ -135,6 +135,7 @@ const List: React.FC<Props> = ({
orderBy={orderBy} orderBy={orderBy}
setOrderBy={setTopicsOrderBy} setOrderBy={setTopicsOrderBy}
/> />
<th>Replication Factor</th>
<th>Number of messages</th> <th>Number of messages</th>
<th>Size</th> <th>Size</th>
<th>Type</th> <th>Type</th>

View file

@ -20,7 +20,7 @@ export interface ListItemProps {
} }
const ListItem: React.FC<ListItemProps> = ({ const ListItem: React.FC<ListItemProps> = ({
topic: { name, internal, partitions, segmentSize }, topic: { name, internal, partitions, segmentSize, replicationFactor },
deleteTopic, deleteTopic,
clusterName, clusterName,
clearTopicMessages, clearTopicMessages,
@ -75,6 +75,7 @@ const ListItem: React.FC<ListItemProps> = ({
</td> </td>
<td>{partitions?.length}</td> <td>{partitions?.length}</td>
<td>{outOfSyncReplicas}</td> <td>{outOfSyncReplicas}</td>
<td>{replicationFactor}</td>
<td>{numberOfMessages}</td> <td>{numberOfMessages}</td>
<td> <td>
<BytesFormatted value={segmentSize} /> <BytesFormatted value={segmentSize} />

View file

@ -205,6 +205,9 @@ exports[`List when it does not have readonly flag matches the snapshot 1`] = `
</span> </span>
</th> </th>
</ListHeaderCell> </ListHeaderCell>
<th>
Replication Factor
</th>
<th> <th>
Number of messages Number of messages
</th> </th>