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 (
diff --git a/frontend/src/Editor/Components/BoundedBox/RenderHighlight.jsx b/frontend/src/Editor/Components/BoundedBox/RenderHighlight.jsx
index 9a30d24282..b2b3f1b99b 100644
--- a/frontend/src/Editor/Components/BoundedBox/RenderHighlight.jsx
+++ b/frontend/src/Editor/Components/BoundedBox/RenderHighlight.jsx
@@ -18,9 +18,7 @@ export const RenderHighlight = ({
}
if (!geometry) return null;
const { data } = annotation;
- const selectOptions = labels.map((label) => {
- return { name: label, value: label };
- });
+
return (