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

[ISSUE-191] Add links to Cluster Widget

Browse source
This commit is contained in:
Oleg Shuralev 2021-02-17 17:01:17 +03:00
parent 63e580312d
commit dd866f78ef
No known key found for this signature in database
GPG key ID: 99C6BDC0A1C2E647
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
kafka-ui-react-app/src/components/Dashboard/ClustersWidget/ClusterWidget.tsx
View file

@ -19,9 +19,9 @@ const ClusterWidget: React.FC<ClusterWidgetProps> = ({
onlinePartitionCount,
},
}) => (
<NavLink to={clusterBrokersPath(name)} className="column is-full-modile is-6">
<div className="box is-hoverable">
<div className="title is-6 has-text-overflow-ellipsis" title={name}>
<div className="column is-full-modile is-6">
<div className="box">
<div className="title is-6 has-text-overflow-ellipsis">
<div
className={`tag has-margin-right ${
status === ServerStatus.Online ? 'is-primary' : 'is-danger'
@ -36,7 +36,9 @@ const ClusterWidget: React.FC<ClusterWidgetProps> = ({
<tbody>
<tr>
<th>Brokers</th>
<td>{brokerCount}</td>
<td>
<NavLink to={clusterBrokersPath(name)}>{brokerCount}</NavLink>
</td>
</tr>
<tr>
<th>Partitions</th>
@ -44,7 +46,9 @@ const ClusterWidget: React.FC<ClusterWidgetProps> = ({
</tr>
<tr>
<th>Topics</th>
<td>{topicCount}</td>
<td>
<NavLink to={clusterBrokersPath(name)}>{topicCount}</NavLink>
</td>
</tr>
<tr>
<th>Production</th>
@ -57,7 +61,7 @@ const ClusterWidget: React.FC<ClusterWidgetProps> = ({
</tbody>
</table>
</div>
</NavLink>
</div>
);
export default ClusterWidget;