chore: fixed click inside & set focus after comment submit

package.json

@@ -29,7 +29,7 @@
     "@sentry/nextjs": "7.60.0",
     "@tanstack/react-query": "4.29.5",
     "@tanstack/react-query-devtools": "4.29.5",
-    "@taskany/bricks": "1.24.0",
+    "@taskany/bricks": "1.25.0",
     "@taskany/colors": "1.1.0",
     "@taskany/icons": "1.0.0",
     "@tippyjs/react": "4.2.6",

src/components/CommentCreateForm/CommentCreateForm.tsx

@@ -33,9 +33,8 @@ const CommentCreateForm: React.FC<CommentCreateFormProps> = ({ goalId, states, o
     const [pushState, setPushState] = useState<State | undefined>();
 
     const createComment = useCallback(
-        (form: GoalCommentSchema) => {
-            // FIXME: maybe async/await would be better API
-            create(({ id }) => {
+        async (form: GoalCommentSchema) => {
+            await create(({ id }) => {
                 onSubmit?.(id);
                 setPushState(undefined);
             })(form);

src/components/CommentForm/CommentForm.tsx

@@ -21,7 +21,7 @@ interface CommentFormProps {
     description?: string;
 
     renderActionButton: (props: { busy?: boolean }) => React.ReactNode;
-    onSubmit?: (form: GoalCommentSchema) => void;
+    onSubmit?: (form: GoalCommentSchema) => void | Promise<void>;
     onFocus?: () => void;
     onCancel?: () => void;
 }
@@ -85,26 +85,32 @@ export const CommentForm: React.FC<CommentFormProps> = ({
         },
     });
 
+    const setBusyAndCommentFocused = useCallback((busy: boolean, commentFocused: boolean) => {
+        setBusy(busy);
+        setCommentFocused(commentFocused);
+    }, []);
+
     const onCommentFocus = useCallback(() => {
         setCommentFocused(true);
         onFocus?.();
     }, [onFocus]);
 
     const onCommentCancel = useCallback(() => {
         reset();
-        setBusy(false);
-        setCommentFocused(false);
+        setBusyAndCommentFocused(false, false);
         onCancel?.();
-    }, [onCancel, reset]);
+    }, [onCancel, reset, setBusyAndCommentFocused]);
 
     const onCommentSubmit = useCallback(
-        (form: GoalCommentSchema) => {
-            setBusy(true);
-            setCommentFocused(false);
-            onSubmit?.(form);
+        async (form: GoalCommentSchema) => {
+            setBusyAndCommentFocused(true, false);
             reset();
+
+            await onSubmit?.(form);
+
+            setBusyAndCommentFocused(false, true);
         },
-        [onSubmit, reset],
+        [onSubmit, reset, setBusyAndCommentFocused],
     );
 
     useClickOutside(ref, () => {

src/hooks/useCommentResource.ts

@@ -22,6 +22,7 @@ export const useCommentResource = () => {
             const [data] = await notifyPromise(promise, 'commentCreate');
 
             data && cb(data);
+            return data;
         };
 
     const update =