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;
}