fix: 대댓글 입력시 CommentForm에 Focus가 되도록 수정 (#597)

gloddy-dev · Jan 30, 2024 · 8268ea8 · 8268ea8
1 parent 392197e
commit 8268ea8
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/app/[lng]/(main)/community/[articleId]/components/CommentForm.tsx b/src/app/[lng]/(main)/community/[articleId]/components/CommentForm.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { useForm } from 'react-hook-form';
 
 import { useCommentContext } from './CommentProvider';
@@ -29,7 +29,13 @@ export default function CommentForm() {
  });
  const textareaRef = useRef<HTMLInputElement>(null);
 
- const { handleSubmit, reset, watch, register } = hookForm;
+ const { handleSubmit, reset, watch, register, setFocus } = hookForm;
+
+ useEffect(() => {
+ if (commentType === 'reply') {
+ setFocus('content');
+ }
+ }, [commentType, setFocus]);
 
  const onSubmit = ({ content }: CreateCommentRequest) => {
  reset();