Fixed display of compositeSpanDurationSummary

elastic · Jul 28, 2021 · 086e608 · 086e608
1 parent 6ae5a49
commit 086e608
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 21 deletions.
diff --git a/...action_details/waterfall_with_summary/waterfall_container/Waterfall/span_flyout/index.tsx b/...action_details/waterfall_with_summary/waterfall_container/Waterfall/span_flyout/index.tsx
@@ -160,12 +160,12 @@ export function SpanFlyout({
           <Summary
             items={[
               <TimestampTooltip time={span.timestamp.us / 1000} />,
-              <DurationSummaryItem
-                duration={span.span.duration.us}
-                totalDuration={totalDuration}
-                parentType="transaction"
-              />,
               <>
+                <DurationSummaryItem
+                  duration={span.span.duration.us}
+                  totalDuration={totalDuration}
+                  parentType="transaction"
+                />
                 {span.span.composite && (
                   <CompositeSpanDurationSummaryItem
                     count={span.span.composite.count}

diff --git a/x-pack/plugins/apm/public/components/shared/Summary/CompositeSpanDurationSummaryItem.tsx b/x-pack/plugins/apm/public/components/shared/Summary/CompositeSpanDurationSummaryItem.tsx
@@ -19,23 +19,21 @@ function CompositeSpanDurationSummaryItem({ count, durationSum }: Props) {
   const avgDuration = durationSum / count;
 
   return (
-    <>
-      <EuiToolTip
-        content={i18n.translate('xpack.apm.compositeSpanDurationLabel', {
-          defaultMessage: 'Average duration',
+    <EuiToolTip
+      content={i18n.translate('xpack.apm.compositeSpanDurationLabel', {
+        defaultMessage: 'Average duration',
+      })}
+    >
+      <EuiText>
+        {i18n.translate('xpack.apm.compositeSpanCallsLabel', {
+          defaultMessage: `, {count} calls, on avg. {duration}`,
+          values: {
+            count,
+            duration: asDuration(avgDuration),
+          },
         })}
-      >
-        <EuiText>
-          {i18n.translate('xpack.apm.compositeSpanCallsLabel', {
-            defaultMessage: `{count} calls, on avg. {duration}`,
-            values: {
-              count,
-              duration: asDuration(avgDuration),
-            },
-          })}
-        </EuiText>
-      </EuiToolTip>
-    </>
+      </EuiText>
+    </EuiToolTip>
   );
 }