protect against undefined attribute access for color

kamyar · kamyar · commit d0ecbf514428 · 2021-06-11T00:37:04.000+02:00
diff --git a/src/components/DateRange/index.js b/src/components/DateRange/index.js
@@ -102,7 +102,7 @@ class DateRange extends Component {
     }
     const { rangeColors, ranges } = this.props;
     const focusedRange = this.props.focusedRange || this.state.focusedRange;
-    const color = ranges[focusedRange[0]].color || rangeColors[focusedRange[0]] || color;
+    const color = ranges[focusedRange[0]]?.color || rangeColors[focusedRange[0]] || color;
     this.setState({ preview: { ...val.range, color } });
   };
   render() {

Original file line number	Diff line number	Diff line change
`@@ -102,7 +102,7 @@ class DateRange extends Component {`
`102`	`102`	`}`
`103`	`103`	`const { rangeColors, ranges } = this.props;`
`104`	`104`	`const focusedRange = this.props.focusedRange \|\| this.state.focusedRange;`
`105`		`- const color = ranges[focusedRange[0]].color \|\| rangeColors[focusedRange[0]] \|\| color;`
	`105`	`+ const color = ranges[focusedRange[0]]?.color \|\| rangeColors[focusedRange[0]] \|\| color;`
`106`	`106`	`this.setState({ preview: { ...val.range, color } });`
`107`	`107`	`};`
`108`	`108`	`render() {`