feat: Render annotations on items change. #1601

h2oai · Aug 10, 2023 · 4c9d3c3 · 4c9d3c3
1 parent 1bef657
commit 4c9d3c3
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/ui/src/parts/range_annotator.tsx b/ui/src/parts/range_annotator.tsx
@@ -614,6 +614,12 @@ export const
         return withinBounds ? (trackPosPx - zoom.from) / (zoom.to - zoom.from) : null
       }
 
+    React.useEffect(() => {
+      const annotations = itemsToAnnotations(items)
+      annotations.sort((a, b) => a.start - b.start)
+      setAnnotations(recalculateAnnotations(annotations))
+    }, [items])
+
     React.useEffect(() => {
       setAnnotations(annotations => annotations.map(a => {
         if (a.isFocused) {