fix(Header): 검색창 placeholder 수정

woowacourse-teams · Sep 26, 2024 · 39c74cc · 39c74cc
1 parent 9056bbf
commit 39c74cc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/common/Header/Header.stories.tsx b/frontend/src/components/common/Header/Header.stories.tsx
@@ -15,7 +15,7 @@ const rightContentOptions = {
       <S.FormWrapper>
         <Input
           autoFocus
-          placeholder="검색해주세요"
+          placeholder="제목 또는 작성자명으로 검색해 주세요."
           style={{ height: "4rem", marginBottom: "-1rem" }}
         />
         <S.ButtonContainer>

diff --git a/frontend/src/components/common/Header/SearchHeader/SearchHeader.tsx b/frontend/src/components/common/Header/SearchHeader/SearchHeader.tsx
@@ -40,7 +40,7 @@ const SearchHeader = () => {
   const handleClickSearchButton = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
     if (keyword.trim().length < MIN_KEYWORD_LENGTH) {
-      alert(`${MIN_KEYWORD_LENGTH}글자 이상 검색해주세요.`);
+      alert(`${MIN_KEYWORD_LENGTH}글자 이상 검색해 주세요.`);
       setKeyword(keyword.trim());
     } else {
       navigate(ROUTE_PATHS_MAP.search(keyword));
@@ -72,7 +72,7 @@ const SearchHeader = () => {
               }
               autoFocus
               maxLength={20}
-              placeholder="검색해주세요"
+              placeholder="제목 또는 작성자명으로 검색해 주세요."
               css={css`
                 height: 4rem;
                 padding-right: 7.8rem;