Replaced nested ternary
Brian Vaughn committed
Apr 10, 2019 at 10:01 UTC
caa74472f2a42d0a9acfa0e086d72228eac9c457
2 files changed
+11
-10
src/devtools/views/Components/Element.css
+3
-3
@@ -1,6 +1,6 @@
1
.Element,
2
-.SelectedElement,
3
-.InactiveElement {
2
+.InactiveSelectedElement,
3
+.SelectedElement {
4
border-radius: 0.25em;
5
white-space: nowrap;
6
line-height: var(--line-height-data);
@@ -14,7 +14,7 @@
14
.Element:hover {
15
background-color: var(--color-hover-background);
16
}
17
-.InactiveElement {
17
+.InactiveSelectedElement {
18
background-color: var(--color-inactive-background);
19
}
20
src/devtools/views/Components/Element.js
+8
-7
@@ -116,15 +116,16 @@ export default function ElementView({ data, index, style }: Props) {
116
const showDollarR =
117
isSelected && (type === ElementTypeClass || type === ElementTypeFunction);
118
119
+ let className = styles.Element;
120
+ if (isSelected) {
121
+ className = treeFocused
122
+ ? styles.SelectedElement
123
+ : styles.InactiveSelectedElement;
124
+ }
125
+
126
return (
127
<div
121
- className={
122
- isSelected && treeFocused
123
- ? styles.SelectedElement
124
- : isSelected
125
- ? styles.InactiveElement
126
- : styles.Element
127
- }
128
+ className={className}
129
onMouseEnter={handleMouseEnter}
130
onMouseDown={handleMouseDown}
131
onDoubleClick={handleDoubleClick}