fix: ProfileExplorer does not highlight keys that were just added

project-codeflare · Sep 29, 2022 · d19271a · d19271a
1 parent 5b110f8
commit d19271a
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/plugins/plugin-codeflare/src/components/ProfileExplorer.tsx b/plugins/plugin-codeflare/src/components/ProfileExplorer.tsx
@@ -389,7 +389,13 @@ class ProfileCard extends React.PureComponent<ProfileCardProps, ProfileCardState
   }
 
   private treeNode(id: string, meta: Metadata, value: string) {
-    const justChanged = this.props.profilesDiff && this.props.profilesDiff[id]
+    // the `json-diff` npm has this behavior: for changed keys, the
+    // diff object will use that key (hence the `profilesDiff[id]`
+    // check); for added keys, the diff object will use a key
+    // `${id}__added`, and hence the second check
+    const justChanged =
+      this.props.profilesDiff && (this.props.profilesDiff[id] || this.props.profilesDiff[id + "__added"])
+
     const title = (
       <span>
         {meta.title}