diff --git a/frontend/src/Editor/Components/BoundedBox/BoundedBox.jsx b/frontend/src/Editor/Components/BoundedBox/BoundedBox.jsx index 9e0cfeb563..4673777d3a 100644 --- a/frontend/src/Editor/Components/BoundedBox/BoundedBox.jsx +++ b/frontend/src/Editor/Components/BoundedBox/BoundedBox.jsx @@ -5,12 +5,19 @@ import defaultStyles from '@/_ui/Select/styles'; import { RenderSelector } from './RenderSelector'; import { RenderEditor } from './RenderEditor'; import { RenderHighlight } from './RenderHighlight'; +import _ from 'lodash'; export const BoundedBox = ({ properties, fireEvent, darkMode, setExposedVariable, height, styles }) => { const [annotationState, setAnnotation] = useState({}); const [annotationsState, setAnnotations] = useState([]); const [typeState, setType] = useState(properties.selector); - + const labels = _.isArray(properties.labels) + ? [ + ...properties.labels.map((label) => { + return { name: label, value: label }; + }), + ] + : []; useEffect(() => { let selector = undefined; switch (properties.selector) { @@ -79,7 +86,7 @@ export const BoundedBox = ({ properties, fireEvent, darkMode, setExposedVariable
e.stopPropagation()} style={{ display: styles.visibility ? 'block' : 'none', height: height }} - className="bounded-box" + className="bounded-box relative" > )} diff --git a/frontend/src/Editor/Components/BoundedBox/RenderEditor.jsx b/frontend/src/Editor/Components/BoundedBox/RenderEditor.jsx index 9ac4f12fe1..d1a153ec32 100644 --- a/frontend/src/Editor/Components/BoundedBox/RenderEditor.jsx +++ b/frontend/src/Editor/Components/BoundedBox/RenderEditor.jsx @@ -21,10 +21,6 @@ export const RenderEditor = ({ }, []); const { geometry } = annotation; if (!geometry) return null; - const selectOptions = labels.map((label) => { - return { name: label, value: label }; - }); - return (
{ setAnnotations((prevState) => { const annotations = prevState.reduce((acc, annotation) => {