refactor(PatternStopCard): Clone before updating pickup/dropoff stop attribute.

Author: binh-dam-ibigroup

lib/editor/components/pattern/PatternStopCard.js

@@ -1,7 +1,8 @@
 // @flow
 
 import Icon from '@conveyal/woonerf/components/icon'
-import React, {Component} from 'react'
+import clone from 'lodash/cloneDeep'
+import React, { Component } from 'react'
 import { DragSource, DropTarget } from 'react-dnd'
 import {
   Checkbox,
@@ -18,11 +19,11 @@ import * as stopStrategiesActions from '../../actions/map/stopStrategies'
 import * as tripPatternActions from '../../actions/tripPattern'
 import {getEntityName, getAbbreviatedStopName} from '../../util/gtfs'
 import MinuteSecondInput from '../MinuteSecondInput'
+import type {Feed, Pattern, PatternStop} from '../../../types'
+
 import NormalizeStopTimesTip from './NormalizeStopTimesTip'
 import PatternStopButtons from './PatternStopButtons'
 
-import type {Feed, Pattern, PatternStop} from '../../../types'
-
 type Props = {
   active: boolean,
   activePattern: Pattern,
@@ -326,7 +327,9 @@ class PatternStopContents extends Component<Props, State> {
     const {activePattern, index, updatePatternStops} = this.props
     const patternStops = [...activePattern.patternStops]
 
-    patternStops[index][evt.target.id] = selectedOptionValue
+    const newPatternStop = clone(patternStops[index])
+    newPatternStop[evt.target.id] = selectedOptionValue
+    patternStops[index] = newPatternStop
     this.setState({update: true})
     updatePatternStops(activePattern, patternStops)
   }