@@ -105,13 +127,15 @@ function FolderCard({
className={"flex-1 font-bold border p-2"}
value={editFolderTitle}
onChange={(e) => setEditFolderTitle(e.target.value)}
+ onKeyDown={handleEditTitleEnter}
+ ref={folderTitleRef}
placeholder="폴더 이름"/>
setEditFolderId("")}
addStyle={"!bg-gray-400 hover:brightness-110"}/>
handleEdit({...folder, title: editFolderTitle})}
+ onClick={handleEditTitle}
addStyle={`${folder.title === editFolderTitle && "opacity-50 hover:!cursor-auto"}`}
disabled={folder.title === editFolderTitle}/>
diff --git a/src/components/folder/FolderSelectBox.tsx b/src/components/folder/FolderSelectBox.tsx
index 451dc1f..cdad268 100644
--- a/src/components/folder/FolderSelectBox.tsx
+++ b/src/components/folder/FolderSelectBox.tsx
@@ -74,7 +74,7 @@ function FolderSelectCard({folder, depth, selectedFolder, setTargetFolder, setFo
{getFolderTitle(folder.title, depth)}
-
({folder.postCount})
+ {folder.id !== "empty" &&
({folder.postCount})
}
{folder.subFolders &&
diff --git a/src/components/member/LoginTextField.tsx b/src/components/member/LoginTextField.tsx
index 7ac5131..f3dc216 100644
--- a/src/components/member/LoginTextField.tsx
+++ b/src/components/member/LoginTextField.tsx
@@ -1,11 +1,13 @@
import * as React from "react";
+import {Ref} from "react";
-function LoginTextField({label, type, placeholder, value, setValue, error, isError, onKeyDown}: {
+function LoginTextField({label, type, placeholder, value, setValue, customRef, error, isError, onKeyDown}: {
label?: string,
type: string,
placeholder: string,
value: string,
setValue: (value: string) => void,
+ customRef?: Ref
,
error?: string,
isError?: boolean,
onKeyDown?: (event: React.KeyboardEvent) => void,
@@ -20,7 +22,9 @@ function LoginTextField({label, type, placeholder, value, setValue, error, isErr
className="bg-gray-50 border border-gray-300 text-gray-900 text-md rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
value={value}
onChange={(event => setValue(event.target.value))}
- onKeyDown={onKeyDown}/>
+ onKeyDown={onKeyDown}
+ ref={customRef}
+ autoComplete={"on"}/>
{(error) && (
isError ?
{error}
diff --git a/src/components/post/PostCard.tsx b/src/components/post/PostCard.tsx
index b2ddedd..e256304 100644
--- a/src/components/post/PostCard.tsx
+++ b/src/components/post/PostCard.tsx
@@ -4,7 +4,6 @@ import DOMPurify from "dompurify";
import {MdImage} from "react-icons/md";
import {dateToKorean} from "../../common/util/date.tsx";
import {Link} from "react-router-dom";
-import {FaRegHeart} from "react-icons/fa6";
function PostCard({post}: { post: PostResponse }) {
@@ -33,12 +32,12 @@ function PostCard({post}: { post: PostResponse }) {
{dateToKorean(post.createdAt)}
-