Modify default value of name

marshallku · Dec 15, 2024 · 944b998 · 944b998 · github-actions · Dec 15, 2024
1 parent a853303
commit 944b998
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/apps/blog/src/components/CommentForm/index.tsx b/apps/blog/src/components/CommentForm/index.tsx
@@ -21,7 +21,7 @@ interface CommentFormProps {
 const cx = classNames(styles, "comment-form");
 
 function CommentForm({ slug, submit, isClientSide = false }: CommentFormProps) {
-    const [name, setName] = useState("익명");
+    const [name, setName] = useState(generateRandomName());
     const [body, setBody] = useState("");
     const formRef = useRef<HTMLFormElement>(null);
 
@@ -88,6 +88,9 @@ function CommentForm({ slug, submit, isClientSide = false }: CommentFormProps) {
                     onChange={({ currentTarget: { value } }) => {
                         setName(value);
                     }}
+                    onFirstFocus={() => {
+                        setName("");
+                    }}
                 >
                     <Button
                         size="small"