diff --git a/.changeset/mean-queens-act.md b/.changeset/mean-queens-act.md new file mode 100644 index 0000000000..a895ba5705 --- /dev/null +++ b/.changeset/mean-queens-act.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-newrelic': patch +--- + +Fixed bug in NewRelicComponent component where table would not sort correctly for numerical values. diff --git a/plugins/newrelic/src/components/NewRelicFetchComponent/NewRelicFetchComponent.tsx b/plugins/newrelic/src/components/NewRelicFetchComponent/NewRelicFetchComponent.tsx index e626e6a6d2..0cd1c3b14c 100644 --- a/plugins/newrelic/src/components/NewRelicFetchComponent/NewRelicFetchComponent.tsx +++ b/plugins/newrelic/src/components/NewRelicFetchComponent/NewRelicFetchComponent.tsx @@ -25,9 +25,9 @@ import { useApi } from '@backstage/core-plugin-api'; export const NewRelicAPMTable = ({ applications }: NewRelicApplications) => { const columns: TableColumn[] = [ { title: 'Application', field: 'name' }, - { title: 'Response Time', field: 'responseTime' }, - { title: 'Throughput', field: 'throughput' }, - { title: 'Error Rate', field: 'errorRate' }, + { title: 'Response Time (ms)', field: 'responseTime' }, + { title: 'Throughput (rpm)', field: 'throughput' }, + { title: 'Error Rate (%)', field: 'errorRate' }, { title: 'Instance Count', field: 'instanceCount' }, { title: 'Apdex', field: 'apdexScore' }, ]; @@ -43,9 +43,9 @@ export const NewRelicAPMTable = ({ applications }: NewRelicApplications) => { return { name, - responseTime: `${responseTime} ms`, - throughput: `${throughput} rpm`, - errorRate: `${errorRate}%`, + responseTime, + throughput, + errorRate, instanceCount, apdexScore, };