diff --git a/pkg/ui/src/views/reports/containers/range/rangeTable.tsx b/pkg/ui/src/views/reports/containers/range/rangeTable.tsx index d3abffe86d40..eea498be9a07 100644 --- a/pkg/ui/src/views/reports/containers/range/rangeTable.tsx +++ b/pkg/ui/src/views/reports/containers/range/rangeTable.tsx @@ -48,6 +48,7 @@ const rangeTableDisplayList: RangeTableRow[] = [ { variable: "id", display: "ID", compareToLeader: false }, { variable: "keyRange", display: "Key Range", compareToLeader: true }, { variable: "problems", display: "Problems", compareToLeader: true }, + { variable: "replicaType", display: "Replica Type", compareToLeader: true }, { variable: "raftState", display: "Raft State", compareToLeader: false }, { variable: "quiescent", display: "Quiescent", compareToLeader: true }, { variable: "ticking", display: "Ticking", compareToLeader: true }, @@ -195,6 +196,10 @@ const rangeTableQuiescent: RangeTableCellContent = { className: ["range-table__cell--quiescent"], }; +function contentReplicaType(replicaType: protos.cockroach.roachpb.ReplicaType) { + return protos.cockroach.roachpb.ReplicaType[replicaType]; +} + function convertLeaseState( leaseState: protos.cockroach.kv.kvserver.storagepb.LeaseState, ) { @@ -627,6 +632,7 @@ export default class RangeTable extends React.Component { `${info.span.start_key} to ${info.span.end_key}`, ), problems: this.contentProblems(info.problems, awaitingGC), + replicaType: this.createContent(contentReplicaType(localReplica.type)), raftState: raftState, quiescent: info.quiescent ? rangeTableQuiescent