updating cases

elastic · Jan 27, 2020 · 52d3467 · 52d3467
1 parent e1d2d0f
commit 52d3467
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;
   }