From 266c8ab92b50d1db8404cf1d5b0ad848de91442a Mon Sep 17 00:00:00 2001
From: Dylan Hall <dehall@mitre.org>
Date: Thu, 16 Mar 2023 10:48:58 -0400
Subject: [PATCH] break up path on remove-subobservation call to onChange

---
 src/components/editor/State.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/editor/State.js b/src/components/editor/State.js
index a443a74..9f0d31e 100644
--- a/src/components/editor/State.js
+++ b/src/components/editor/State.js
@@ -2987,7 +2987,7 @@ class MultiObservation extends Component<Props> {
           {state.observations && state.observations.map((observation, i) => {
             return (
               <div className='section' key={i}>
-                Observation #{i+1} (<a className='editable-text delete-button' onClick={() => this.props.onChange(`observations.[${i}]`)({val: {id: null}})}>remove</a>)
+                Observation #{i+1} (<a className='editable-text delete-button' onClick={() => this.props.onChange('observations')(`[${i}]`)({val: {id: null}})}>remove</a>)
                 <Observation state={observation} onChange={this.props.onChange(`observations.[${i}]`)} />
               </div>
             )
@@ -3018,7 +3018,7 @@ class DiagnosticReport extends Component<Props> {
           {state.observations && state.observations.map((observation, i) => {
             return (
               <div className='section' key={i}>
-                Observation #{i+1} (<a className='editable-text delete-button' onClick={() => this.props.onChange(`observations.[${i}]`)({val: {id: null}})}>remove</a>)
+                Observation #{i+1} (<a className='editable-text delete-button' onClick={() => this.props.onChange('observations')(`[${i}]`)({val: {id: null}})}>remove</a>)
                 <Observation state={observation} onChange={this.props.onChange(`observations.[${i}]`)} />
               </div>
             )