Fix "Exapnded" typo

uber · Oct 19, 2017 · 2f22b02 · 2f22b02
1 parent b2b8ae5
commit 2f22b02
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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
@@ -291,7 +291,7 @@ describe('<VirtualizedTraceViewImpl>', () => {
             columnDivision={props.spanNameColumnWidth}
             depth={span.depth}
             isChildrenExpanded
-            isDetailExapnded={false}
+            isDetailExpanded={false}
             isFilteredOut={false}
             isParent={span.hasChildren}
             numTicks={5}