From 124269b2f788c552bc7bbced6a564f18ca74cce5 Mon Sep 17 00:00:00 2001
From: Brittany Joiner <brittanyjoiner15@gmail.com>
Date: Thu, 16 Jan 2020 14:58:49 -0500
Subject: [PATCH] waterfall

---
 .../Waterfall/SyncBadge.stories.tsx           | 47 +++++++++++++++++++
 .../Waterfall/WaterfallItem.tsx               |  2 +-
 2 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SyncBadge.stories.tsx

diff --git a/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SyncBadge.stories.tsx b/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SyncBadge.stories.tsx
new file mode 100644
index 0000000000000..cd64ea8a2d718
--- /dev/null
+++ b/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SyncBadge.stories.tsx
@@ -0,0 +1,47 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { storiesOf } from '@storybook/react';
+import React from 'react';
+import { SyncBadge } from './SyncBadge';
+
+storiesOf('app/TransactionDetails/SyncBadge', module).add(
+  'sync=true',
+  () => {
+    return (
+      <SyncBadge sync={true}/>
+    );
+  },
+  {
+    info: {
+      source: false
+    }
+  }
+).add(
+    'sync=false',
+  () => {
+    return (
+      <SyncBadge sync={false}/>
+    );
+  },
+  {
+    info: {
+      source: false
+    }
+  }
+).add(
+    'sync=undefined',
+  () => {
+    return (
+      <SyncBadge/>
+    );
+  },
+  {
+    info: {
+      source: false
+    }
+  }
+)
diff --git a/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/WaterfallItem.tsx b/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/WaterfallItem.tsx
index 857b1c92a1dad..f57ccc3c34467 100644
--- a/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/WaterfallItem.tsx
+++ b/x-pack/legacy/plugins/apm/public/components/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/WaterfallItem.tsx
@@ -232,7 +232,7 @@ export function WaterfallItem({
           </ErrorOverviewLink>
         ) : null}
         <Duration item={item} />
-        {item.docType === 'span' && <SyncBadge sync={item.span.span.sync} />}
+        {item.docType === 'span' && <SyncBadge sync={item.doc.span.sync} />}
       </ItemText>
     </Container>
   );