Revize a547b12c

Occurrence - like canceling

webapp/components/annotation/AnnotationOccurrenceItem.tsx

@@ -3 +3 @@
 import { ChangeEvent, useContext } from 'react';
 import 'antd/dist/antd.css';
 import { Button, Input, Select } from 'antd';
-import { DeleteOutlined, EyeOutlined, LikeOutlined } from '@ant-design/icons';
+import {
+    DeleteOutlined,
+    DislikeOutlined,
+    EyeOutlined,
+    LikeOutlined,
+} from '@ant-design/icons';
 import { AnnotationContext } from '../../contexts/AnnotationContext';
 import { ETagSentiment, TagInstanceInfo } from '../../api';
 import { getNameTruncated, getTextMaxLength } from '../../utils/strings';
@@ -153 +158 @@
                     />
                     {isFinal && (
                         <Button
-                            icon={<LikeOutlined />}
-                            title={'Označit jako správné řešení'}
+                            icon={
+                                props.occurrence.isFinal ? (
+                                    <DislikeOutlined />
+                                ) : (
+                                    <LikeOutlined />
+                                )
+                            }
+                            title={
+                                props.occurrence.isFinal
+                                    ? 'ZRUŠIT označení správného řešení'
+                                    : 'Označit jako správné řešení'
+                            }
                             onClick={() => {
-                                ShowConfirm(() => {
-                                    makeOccurrenceFinal(props.occurrence);
-                                }, 'označit toto řešení jako správné');
+                                ShowConfirm(
+                                    () => {
+                                        makeOccurrenceFinal(
+                                            props.occurrence,
+                                            !props.occurrence.isFinal
+                                        );
+                                    },
+                                    props.occurrence.isFinal
+                                        ? 'ZRUŠIT označené správného řešení'
+                                        : 'označit toto řešení jako správné'
+                                );
                             }}
                             className={'mt-1'}
                         />

webapp/contexts/AnnotationContext.tsx

@@ -79 +79 @@
      */
     changeSentiment: (occurrence: TagInstanceInfo, newValue: ETagSentiment) => void;
 
-    makeOccurrenceFinal: (occurrence: TagInstanceInfo) => void;
+    makeOccurrenceFinal: (occurrence: TagInstanceInfo, final: boolean) => void;
 
     annotation: AnnotationInfo | null;
     mappedTags: Tag[] | null;
@@ -206 +206 @@
     },
 
     isFinal: false,
-    makeOccurrenceFinal: (occurrence: TagInstanceInfo) => {
+    makeOccurrenceFinal: (occurrence: TagInstanceInfo, final: boolean) => {
         return;
     },
 });
@@ -425 +425 @@
         setMappedTags(Array.from(map.values()));
     };
 
-    async function makeOccurrenceFinal(occurrence: TagInstanceInfo) {
+    async function makeOccurrenceFinal(
+        occurrence: TagInstanceInfo,
+        final: boolean = true
+    ) {
         if (!occurrence?.occurenceId) {
             return;
         }
@@ -433 +436 @@
         await annotationController.annotationAnnotationIdOccurenceIdFinalPut(
             props.annotationId,
             occurrence.occurenceId,
-            { isFinal: true }
+            { isFinal: final }
         );
 
         await refreshAnnotation();