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'}
                         />