diff --git a/frontend/src/pages/MyTemplatesPage/MyTemplatePage.tsx b/frontend/src/pages/MyTemplatesPage/MyTemplatePage.tsx index 6b840ff1..143d87af 100644 --- a/frontend/src/pages/MyTemplatesPage/MyTemplatePage.tsx +++ b/frontend/src/pages/MyTemplatesPage/MyTemplatePage.tsx @@ -42,8 +42,8 @@ const MyTemplatePage = () => { isTemplateListLoading, paginationSizes, dropdownProps, - keyword, - searchKeyword, + inputKeyword, + searchedKeyword, page, sortingOption, selectedTagIds, @@ -88,7 +88,7 @@ const MyTemplatePage = () => { )} - {searchKeyword ? `'${searchKeyword}' 검색 결과` : ''} + {searchedKeyword ? `'${searchedKeyword}' 검색 결과` : ''} @@ -98,7 +98,7 @@ const MyTemplatePage = () => { @@ -124,7 +124,7 @@ const MyTemplatePage = () => { {!isTemplateListLoading && ( const selectedTagIds = queryParams.tags; const page = queryParams.page; const { currentValue: sortingOption, ...dropdownProps } = useDropdown(getSortingOptionByValue(queryParams.sort)); - const [keyword, handleKeywordChange] = useInput(queryParams.keyword); + const [inputKeyword, handleInputKeywordChange] = useInput(queryParams.keyword); const { memberInfo } = useAuth(); const memberId = passedMemberId ?? memberInfo.memberId; @@ -72,7 +72,7 @@ export const useFilteredTemplateList = ({ memberId: passedMemberId }: Props) => if (e.key === 'Enter') { updateQueryParams({ page: FIRST_PAGE }); - updateQueryParams({ keyword, page: FIRST_PAGE }); + updateQueryParams({ keyword: inputKeyword, page: FIRST_PAGE }); } }; @@ -82,12 +82,12 @@ export const useFilteredTemplateList = ({ memberId: passedMemberId }: Props) => isTemplateListLoading, paginationSizes, dropdownProps, - keyword, - searchKeyword: queryParams.keyword, + inputKeyword, + searchedKeyword: queryParams.keyword, page, sortingOption, selectedTagIds, - handleKeywordChange, + handleKeywordChange: handleInputKeywordChange, handleCategoryMenuClick, handleTagMenuClick, handleSearchSubmit, diff --git a/frontend/src/pages/TemplateExplorePage/TemplateExplorePage.tsx b/frontend/src/pages/TemplateExplorePage/TemplateExplorePage.tsx index bc6dcbb4..94195379 100644 --- a/frontend/src/pages/TemplateExplorePage/TemplateExplorePage.tsx +++ b/frontend/src/pages/TemplateExplorePage/TemplateExplorePage.tsx @@ -46,7 +46,7 @@ const TemplateExplorePage = () => { updateQueryParams({ page }); }; - const [keyword, handleKeywordChange] = useInput(queryParams.keyword); + const [inputKeyword, handleInputKeywordChange] = useInput(queryParams.keyword); const { currentValue: sortingOption, ...dropdownProps } = useDropdown(getSortingOptionByValue(queryParams.sort)); @@ -63,7 +63,7 @@ const TemplateExplorePage = () => { const handleSearchSubmit = (e: React.KeyboardEvent) => { if (e.key === 'Enter') { handlePage(FIRST_PAGE); - updateQueryParams({ keyword, page: FIRST_PAGE }); + updateQueryParams({ keyword: inputKeyword, page: FIRST_PAGE }); } }; @@ -93,8 +93,8 @@ const TemplateExplorePage = () => { @@ -110,7 +110,7 @@ const TemplateExplorePage = () => { } onReset={reset} - resetKeys={[keyword]} + resetKeys={[inputKeyword]} >