Revize 5593c10b

Connected tag panel to server

webapp/components/annotation/TagItem.tsx

@@ -2 +2 @@
 import { TagInfo } from '../../api';
 import { Button } from 'antd';
 import { DownOutlined, TagOutlined } from '@ant-design/icons';
-import { useState } from 'react';
+import { useContext, useState } from 'react';
 import { SubTagItem } from './SubTagItem';
+import { TagCategoryContext } from '../../contexts/TagCategoryContext';
 
 /**
  * Creates a single tag item in a tag panel.
@@ -16 +17 @@
      */
     const [visibleSubTags, setVisibleSubTags] = useState(false);
 
+    const { selectTag } = useContext(TagCategoryContext);
+
     /**
      * Changes visibility of sub tags.
      */
@@ -26 +29 @@
     /**
      * Selects the tag.
      */
-    const selectTag = () => {};
+    const onSelectTag = () => {
+        selectTag(props.tag, null);
+    };
 
     return (
         <Container>
@@ -45 +50 @@
                     {!props.tag.subTags && (
                         <Button
                             type="text"
-                            onClick={selectTag}
+                            onClick={onSelectTag}
                             className="w-100 text-start"
                         >
                             {props.tag.name}
@@ -59 +64 @@
             {props.tag.subTags && visibleSubTags && (
                 <Stack>
                     {props.tag.subTags?.map((subTag, index) => (
-                        <SubTagItem subTag={subTag} key={index} />
+                        <SubTagItem tag={props.tag} subTag={subTag} key={index} />
                     ))}
                 </Stack>
             )}