feat: remove invalid labels if any in the editor

cryostatio · Aug 10, 2024 · e44974e · e44974e
1 parent a89060f
commit e44974e
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/app/RecordingMetadata/RecordingLabelFields.tsx b/src/app/RecordingMetadata/RecordingLabelFields.tsx
@@ -66,11 +66,13 @@ export const RecordingLabelFields: React.FC<RecordingLabelFieldsProps> = ({
   const handleLabelEdit = React.useCallback(
     (idx: number, keyValue: string) => {
       const label = getLabelFromInput(keyValue);
+      const updatedLabels = [...labels];
       if (label) {
-        const updatedLabels = [...labels];
         updatedLabels[idx] = label;
-        setLabels(updatedLabels);
+      } else {
+        updatedLabels.splice(idx);
       }
+      setLabels(updatedLabels);
     },
     [labels, setLabels],
   );
@@ -188,7 +190,7 @@ export const RecordingLabelFields: React.FC<RecordingLabelFieldsProps> = ({
       )}
       <LabelGroup
         categoryName="Recording Labels"
-        numLabels={5}
+        numLabels={10}
         isEditable
         addLabelControl={
           <Label color="blue" variant="outline" isDisabled={isDisabled} onClick={handleAddLabelButtonClick}>