diff --git a/src/ui/components/elements-inspector/ElementsInspector.js b/src/ui/components/elements-inspector/ElementsInspector.js index f765bd3d9..ca820f652 100644 --- a/src/ui/components/elements-inspector/ElementsInspector.js +++ b/src/ui/components/elements-inspector/ElementsInspector.js @@ -61,7 +61,11 @@ export default class ElementsInspector extends Component<{ root: ?ElementID, elements: {[key: ElementID]: Element}, useAppSidebar?: boolean, + alternateRowColor?: boolean, }> { + static defaultProps = { + alternateRowColor: true, + }; render() { const { selected, @@ -71,6 +75,7 @@ export default class ElementsInspector extends Component<{ onElementSelected, onElementHovered, searchResults, + alternateRowColor, } = this.props; return ( @@ -83,6 +88,7 @@ export default class ElementsInspector extends Component<{ searchResults={searchResults} root={root} elements={elements} + alternateRowColor={alternateRowColor} /> ); diff --git a/src/ui/components/elements-inspector/elements.js b/src/ui/components/elements-inspector/elements.js index b9690b8c5..710b9f3b6 100644 --- a/src/ui/components/elements-inspector/elements.js +++ b/src/ui/components/elements-inspector/elements.js @@ -391,6 +391,7 @@ type ElementsProps = {| onElementSelected: (key: ElementID) => void, onElementExpanded: (key: ElementID, deep: boolean) => void, onElementHovered: ?(key: ?ElementID) => void, + alternateRowColor?: boolean, |}; type ElementsState = {| @@ -400,6 +401,9 @@ type ElementsState = {| |}; export class Elements extends PureComponent { + static defaultProps = { + alternateRowColor: true, + }; constructor(props: ElementsProps, context: Object) { super(props, context); this.state = { @@ -566,12 +570,17 @@ export class Elements extends PureComponent { } } + let isEven = false; + if (this.props.alternateRowColor) { + isEven = index % 2 === 0; + } + return (