updating cases

elastic · Jan 27, 2020 · c970670 · c970670
1 parent fd6263f
commit c970670
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/...s/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SyncBadge.tsx b/...s/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SyncBadge.tsx
@@ -5,17 +5,20 @@
  */
 
 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;
  margin-right: ${px(units.quarter)};
 `;
 
 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
  </SpanBadge>
  );
  case false:
- return <SpanBadge>async</SpanBadge>;
+ return (
+ <SpanBadge>
+ {i18n.translate('xpack.apm.transactionDetails.syncBadgeAsync', {
+ defaultMessage: 'async'
+ })}
+ </SpanBadge>
+ );
  default:
  return null;
  }