From 2f22b02091c59aa2ad3ab46ff181d649f9116296 Mon Sep 17 00:00:00 2001
From: Joe Farro <joef@uber.com>
Date: Thu, 19 Oct 2017 17:32:38 -0400
Subject: [PATCH] Fix "Exapnded" typo

---
 .../TracePage/TraceTimelineViewer/SpanBarRow.js        | 10 +++++-----
 .../TracePage/TraceTimelineViewer/SpanBarRow.test.js   |  2 +-
 .../TraceTimelineViewer/VirtualizedTraceView.js        |  4 ++--
 .../TraceTimelineViewer/VirtualizedTraceView.test.js   |  2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/TracePage/TraceTimelineViewer/SpanBarRow.js b/src/components/TracePage/TraceTimelineViewer/SpanBarRow.js
index 12feeed34a..c362915a97 100644
--- a/src/components/TracePage/TraceTimelineViewer/SpanBarRow.js
+++ b/src/components/TracePage/TraceTimelineViewer/SpanBarRow.js
@@ -35,7 +35,7 @@ type SpanBarRowProps = {
   columnDivision: number,
   depth: number,
   isChildrenExpanded: boolean,
-  isDetailExapnded: boolean,
+  isDetailExpanded: boolean,
   isFilteredOut: boolean,
   isParent: boolean,
   label: string,
@@ -88,7 +88,7 @@ export default class SpanBarRow extends React.PureComponent<SpanBarRowProps> {
       columnDivision,
       depth,
       isChildrenExpanded,
-      isDetailExapnded,
+      isDetailExpanded,
       isFilteredOut,
       isParent,
       label,
@@ -116,7 +116,7 @@ export default class SpanBarRow extends React.PureComponent<SpanBarRowProps> {
         className={`
           span-row
           ${className || ''}
-          ${isDetailExapnded ? 'is-expanded' : ''}
+          ${isDetailExpanded ? 'is-expanded' : ''}
           ${isFilteredOut ? 'is-filtered-out' : ''}
         `}
       >
@@ -129,8 +129,8 @@ export default class SpanBarRow extends React.PureComponent<SpanBarRowProps> {
               onClick={this._childrenToggle}
             />
             <a
-              className={`span-name ${isDetailExapnded ? 'is-detail-expanded' : ''}`}
-              aria-checked={isDetailExapnded}
+              className={`span-name ${isDetailExpanded ? 'is-detail-expanded' : ''}`}
+              aria-checked={isDetailExpanded}
               onClick={this._detailToggle}
               role="switch"
               style={{ borderColor: color }}
diff --git a/src/components/TracePage/TraceTimelineViewer/SpanBarRow.test.js b/src/components/TracePage/TraceTimelineViewer/SpanBarRow.test.js
index 22fb21a286..1a382947a0 100644
--- a/src/components/TracePage/TraceTimelineViewer/SpanBarRow.test.js
+++ b/src/components/TracePage/TraceTimelineViewer/SpanBarRow.test.js
@@ -32,7 +32,7 @@ describe('<SpanBarRow>', () => {
     columnDivision: '0.5',
     depth: 3,
     isChildrenExpanded: true,
-    isDetailExapnded: false,
+    isDetailExpanded: false,
     isFilteredOut: false,
     isParent: true,
     label: 'omg-awesome-label',
diff --git a/src/components/TracePage/TraceTimelineViewer/VirtualizedTraceView.js b/src/components/TracePage/TraceTimelineViewer/VirtualizedTraceView.js
index b9f9db85bd..acdea00893 100644
--- a/src/components/TracePage/TraceTimelineViewer/VirtualizedTraceView.js
+++ b/src/components/TracePage/TraceTimelineViewer/VirtualizedTraceView.js
@@ -296,7 +296,7 @@ export class VirtualizedTraceViewImpl extends React.PureComponent<VirtualizedTra
     }
     const color = colorGenerator.getColorByKey(serviceName);
     const isCollapsed = childrenHiddenIDs.has(spanID);
-    const isDetailExapnded = detailStates.has(spanID);
+    const isDetailExpanded = detailStates.has(spanID);
     const isFilteredOut = Boolean(findMatchesIDs) && !findMatchesIDs.has(spanID);
     const showErrorIcon = isErrorSpan(span) || (isCollapsed && spanContainsErredSpan(trace.spans, spanIndex));
     const viewBounds = getViewedBounds({
@@ -339,7 +339,7 @@ export class VirtualizedTraceViewImpl extends React.PureComponent<VirtualizedTra
           depth={span.depth}
           label={formatDuration(span.duration)}
           isChildrenExpanded={!isCollapsed}
-          isDetailExapnded={isDetailExapnded}
+          isDetailExpanded={isDetailExpanded}
           isFilteredOut={isFilteredOut}
           isParent={span.hasChildren}
           numTicks={NUM_TICKS}
diff --git a/src/components/TracePage/TraceTimelineViewer/VirtualizedTraceView.test.js b/src/components/TracePage/TraceTimelineViewer/VirtualizedTraceView.test.js
index 754997a32f..c3a0bec5af 100644
--- a/src/components/TracePage/TraceTimelineViewer/VirtualizedTraceView.test.js
+++ b/src/components/TracePage/TraceTimelineViewer/VirtualizedTraceView.test.js
@@ -291,7 +291,7 @@ describe('<VirtualizedTraceViewImpl>', () => {
             columnDivision={props.spanNameColumnWidth}
             depth={span.depth}
             isChildrenExpanded
-            isDetailExapnded={false}
+            isDetailExpanded={false}
             isFilteredOut={false}
             isParent={span.hasChildren}
             numTicks={5}