refactor: (#839) 변수명, 함수명 수정

woowacourse-teams · Nov 14, 2023 · 867f2f0 · 867f2f0
1 parent e1a917d
commit 867f2f0
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/frontend/src/components/common/Select/Select.stories.tsx b/frontend/src/components/common/Select/Select.stories.tsx
@@ -37,7 +37,7 @@ export const SelectExample = () => {
   );
 };
 
-export const Disable = () => {
+export const Disabled = () => {
   const { handleOptionChange, isSelectOpen, selectedOption, toggleSelect } =
     useSelect<SortingOptionType>('popular');
 

diff --git a/frontend/src/components/common/Select/index.tsx b/frontend/src/components/common/Select/index.tsx
@@ -27,7 +27,7 @@ export default function Select<T extends string>({
 }: SelectProps<T>) {
   const optionKeyList = Object.keys(optionList) as T[];
 
-  const toggleOpen = () => {
+  const handleToggleOpen = () => {
     if (isDisabled) return;
     toggleSelect();
   };
@@ -46,7 +46,7 @@ export default function Select<T extends string>({
 
   return (
     <S.Container>
-      <S.SelectedContainer onClick={toggleOpen} $status={getSelectStatus()} {...rest}>
+      <S.SelectedContainer onClick={handleToggleOpen} $status={getSelectStatus()} {...rest}>
         <span>{selectedOption}</span>
         <S.Image src={isOpen ? chevronUp : chevronDown} alt="" $isSelected={isOpen} />
       </S.SelectedContainer>

diff --git a/frontend/src/components/post/PostList/index.tsx b/frontend/src/components/post/PostList/index.tsx
@@ -39,7 +39,7 @@ export default function PostList() {
     handleCloseClick: handleSortingClose,
   } = useSelect<PostSorting>(postOption.sorting);
 
-  const focusTopContent = () => {
+  const handleFocusTopContent = () => {
     if (!topButtonRef.current) return;
 
     topButtonRef.current.focus();
@@ -100,7 +100,7 @@ export default function PostList() {
             </S.SkeletonWrapper>
           }
         >
-          <PostListFetcher focusTopContent={focusTopContent} />
+          <PostListFetcher handleFocusTopContent={handleFocusTopContent} />
         </Suspense>
       </ErrorBoundary>
       <S.HiddenLink aria-label="게시글 작성 페이지로 이동" to={PATH.POST_WRITE} />

diff --git a/frontend/src/components/post/PostListFetcher/index.tsx b/frontend/src/components/post/PostListFetcher/index.tsx
@@ -18,10 +18,10 @@ import Post from '../Post';
 import * as S from './style';
 
 interface PostListFetcherProps {
-  focusTopContent: () => void;
+  handleFocusTopContent: () => void;
 }
 
-export default function PostListFetcher({ focusTopContent }: PostListFetcherProps) {
+export default function PostListFetcher({ handleFocusTopContent }: PostListFetcherProps) {
   const { postOption } = useContext(PostOptionContext);
   const { postType, postOptionalOption } = usePostRequestInfo();
   const { loggedInfo } = useContext(AuthContext);
@@ -62,7 +62,7 @@ export default function PostListFetcher({ focusTopContent }: PostListFetcherProp
             return <Post key={post.postId} isPreview={true} postInfo={post} />;
           })}
           <li key={`${pageIndex}UserButton`}>
-            <S.HiddenButton onClick={focusTopContent} aria-label="스크롤 맨 위로가기" />
+            <S.HiddenButton onClick={handleFocusTopContent} aria-label="스크롤 맨 위로가기" />
             <S.HiddenLink aria-label="게시글 작성 페이지로 이동" to={PATH.POST_WRITE} />
           </li>
         </React.Fragment>