fix(CommentView): provide cancel handler for CommentForm

taskany-inc · Aug 14, 2023 · b3d06b3 · b3d06b3
1 parent 6381f79
commit b3d06b3
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/src/components/CommentView/CommentView.tsx b/src/components/CommentView/CommentView.tsx
@@ -152,11 +152,13 @@ export const CommentView: FC<CommentViewProps> = ({
     const onCommentDoubleClick = useCallback<React.MouseEventHandler>((e) => {
         if (e.detail === 2) {
             setEditMode(true);
+            setFocused(true);
         }
     }, []);
 
     const onCommentSubmit = useCallback(
         async (form: CommentSchema) => {
+            setEditMode(false);
             setBusy(true);
             setFocused(false);
 
@@ -175,12 +177,22 @@ export const CommentView: FC<CommentViewProps> = ({
         [onSubmit, onChange, description],
     );
 
+    const onCommentCancel = useCallback(() => {
+        setEditMode(false);
+        setFocused(false);
+        setCommentDescription({ description });
+        onCancel?.();
+    }, [description, onCancel]);
+
     const dropdownItems = useMemo(
         () => [
             {
                 label: tr('Edit'),
                 icon: <EditIcon size="xxs" />,
-                onClick: () => setEditMode(true),
+                onClick: () => {
+                    setEditMode(true);
+                    setFocused(true);
+                },
             },
             {
                 label: tr('Delete'),
@@ -210,7 +222,7 @@ export const CommentView: FC<CommentViewProps> = ({
                     autoFocus
                     onChange={setCommentDescription}
                     onSubmit={onCommentSubmit}
-                    onCancel={onCancel}
+                    onCancel={onCommentCancel}
                     actionButton={
                         <Button
                             size="m"