diff --git a/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SyncBadge.tsx b/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SyncBadge.tsx index ffdffc660578f..764f15f943ad2 100644 --- a/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SyncBadge.tsx +++ b/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SyncBadge.tsx @@ -5,10 +5,10 @@ */ import { EuiBadge } from '@elastic/eui'; +import { i18n } from '@kbn/i18n'; import React from 'react'; import styled from 'styled-components'; import { px, units } from '../../../../../../style/variables'; -import { i18n } from '@kbn/i18n'; const SpanBadge = styled(EuiBadge)` display: inline-block; @@ -16,6 +16,9 @@ const SpanBadge = styled(EuiBadge)` `; interface SyncBadgeProps { + /** + * Is the request synchronous? True will show blocking, false will show async. + */ sync?: boolean; } @@ -27,11 +30,16 @@ export function SyncBadge({ sync }: SyncBadgeProps) { {i18n.translate('xpack.apm.transactionDetails.syncBadgeBlocking', { defaultMessage: 'blocking' })} - blocking ); case false: - return async; + return ( + + {i18n.translate('xpack.apm.transactionDetails.syncBadgeAsync', { + defaultMessage: 'async' + })} + + ); default: return null; }