Revize dee53692

Disabling tag buttons when adding new tag occurrence

webapp/components/annotation/TagItem.tsx

@@ -5 +5 @@
 import React, { useContext, useState } from 'react';
 import { SubTagItem } from './SubTagItem';
 import { TagCategoryContext } from '../../contexts/TagCategoryContext';
+import { AnnotationContext } from '../../contexts/AnnotationContext';
 
 /**
  * Creates a single tag item in a tag panel.
@@ -22 +23 @@
      */
     const { selectTag } = useContext(TagCategoryContext);
 
+    /**
+     * Annotation context
+     */
+    const { submitting } = useContext(AnnotationContext);
+
     /**
      * Button icon.
      */
@@ -55 +61 @@
                         icon={buttonIcon}
                         onClick={changeSubTagsVisibility}
                         className="w-100 text-start rounded"
+                        disabled={submitting}
                     >
                         {props.tag.name}
                         <TagOutlined style={{ color: props.tag.color ?? 'black' }} />
                     </Button>
                 )}
                 {!hasSubTags && (
-                    <Button onClick={onSelectTag} className="w-100 text-start rounded">
+                    <Button
+                        onClick={onSelectTag}
+                        className="w-100 text-start rounded"
+                        disabled={submitting}
+                    >
                         {props.tag.name}
                         <TagOutlined style={{ color: props.tag.color ?? 'black' }} />
                     </Button>