fix: 컴포넌트 네이밍 규칙

uswLectureEvaluation · Aug 31, 2024 · c82d3f3 · c82d3f3
1 parent 7e5b28c
commit c82d3f3
Show file tree

Hide file tree

Showing 11 changed files with 33 additions and 31 deletions.
diff --git a/src/components/Lecture/IsTestInfo.tsx b/src/components/Lecture/IsTestInfo.tsx
@@ -11,9 +11,9 @@ interface IsTestInfoProps {
 }
 
 const IsTestInfo = ({ selectId, setWritten }: IsTestInfoProps) => {
-  const { TestInfo } = useLectureQuery();
+  const { testInfo } = useLectureQuery();
   const isLogin = isLoginStorage();
-  const { data, isLoading, isFetchingNextPage, ref } = TestInfo(selectId, setWritten);
+  const { data, isLoading, isFetchingNextPage, ref } = testInfo(selectId, setWritten);
 
   if (!isLogin) {
     return <SearchTestInfoList page={fakeEvaluationList} isLogin={false} />;

diff --git a/src/components/Lecture/LectureDetail.tsx b/src/components/Lecture/LectureDetail.tsx
@@ -3,8 +3,8 @@ import { fakeLectureInfo } from 'constants/placeholderData';
 import useLectureQuery from 'hooks/useLectureQuery';
 
 const LectureDetail = () => {
-  const { Detail } = useLectureQuery();
-  const { data, isLogin } = Detail();
+  const { detail } = useLectureQuery();
+  const { data, isLogin } = detail();
 
   return <LectureInfoBox isLogin={isLogin} current={data?.data ? data.data : fakeLectureInfo} />;
 };

diff --git a/src/components/List/EvaluationList.tsx b/src/components/List/EvaluationList.tsx
@@ -9,8 +9,8 @@ import { floatFix } from 'utils/floatFix';
 import { subStr } from 'utils/subString';
 
 const EvaluationList = () => {
-  const { EvaluationList } = useUserQuery();
-  const { data, isLoading, isFetchingNextPage, ref } = EvaluationList();
+  const { evaluationList } = useUserQuery();
+  const { data, isLoading, isFetchingNextPage, ref } = evaluationList();
   if (isLoading) return <Spinner id="myInfo" />;
   const isExistData = data?.pages[0]?.data.length === 0;
 

diff --git a/src/components/List/LectureList.tsx b/src/components/List/LectureList.tsx
@@ -19,8 +19,8 @@ interface LectureListProps {
 }
 
 const LectureList = ({ count, pages }: LectureListProps) => {
-  const { Search } = useLectureQuery();
-  const { nextLoading, value, ref } = Search();
+  const { search } = useLectureQuery();
+  const { nextLoading, value, ref } = search();
 
   return count ? (
     <>

diff --git a/src/components/List/SearchEvaluationList.tsx b/src/components/List/SearchEvaluationList.tsx
@@ -27,8 +27,8 @@ interface SearchEvaluationListProps {
 }
 
 const SearchEvaluationList = ({ selectId, setWritten, isLogin }: SearchEvaluationListProps) => {
-  const { Evaluation } = useLectureQuery();
-  const { data, isLoading, isFetchingNextPage, ref } = Evaluation(selectId, setWritten);
+  const { evaluation } = useLectureQuery();
+  const { data, isLoading, isFetchingNextPage, ref } = evaluation(selectId, setWritten);
 
   if (isLoading) return <Spinner id="nextPage" />;
 

diff --git a/src/components/List/TestInfoList.tsx b/src/components/List/TestInfoList.tsx
@@ -9,8 +9,8 @@ import { subStr } from 'utils/subString';
 import type { ExamDiff } from './SearchTestInfoList';
 
 const TestInfoList = () => {
-  const { TestInfoList } = useUserQuery();
-  const { data, isLoading, isFetchingNextPage, ref } = TestInfoList();
+  const { testInfoList } = useUserQuery();
+  const { data, isLoading, isFetchingNextPage, ref } = testInfoList();
   const isExistData = data?.pages[0]?.data.length === 0;
 
   if (isLoading || !data) return <Spinner id="myInfo" />;

diff --git a/src/components/Write/WriteTestInfo.tsx b/src/components/Write/WriteTestInfo.tsx
@@ -23,6 +23,7 @@ const WriteTestInfo = ({ setModalIsOpen, row, type }: WriteTestInfoProps) => {
     examInfo: row.examInfo.split(', '),
     examDifficulty: row.examDifficulty,
   }); //시험내용 옵션
+
   const handleChange = (e: React.FormEvent<HTMLFormElement>) => {
     const { name, value, checked } = e.currentTarget;
     const { examInfo } = examOptions;

diff --git a/src/hooks/useFavoriteMajor.ts b/src/hooks/useFavoriteMajor.ts
@@ -22,21 +22,21 @@ const useFavoriteMajor = (setModalIsOpen: React.Dispatch<React.SetStateAction<bo
   const token = useRecoilValue(tokenState);
 
   // 즐겨찾기 추가/삭제
-  const onFavoriteMajor = (e: any) => {
+  const onFavoriteMajor = (e: React.MouseEvent<HTMLImageElement>) => {
     if (!isLoginStorage()) {
       alert('로그인 후 이용해주세요');
       navigate('/login');
 
       return;
     }
-    if (!favoriteDb.includes(e.target.alt)) {
-      setFavoriteDb(favoriteDb.concat([e.target.alt]));
-      favoriting(e.target.alt);
+    if (!favoriteDb.includes(e.currentTarget.alt)) {
+      setFavoriteDb(favoriteDb.concat([e.currentTarget.alt]));
+      favoriting(e.currentTarget.alt);
     } else {
-      setFavoriteDb(favoriteDb.filter((v) => v !== e.target.alt));
-      unfavoriting(e.target.alt);
+      setFavoriteDb(favoriteDb.filter((v) => v !== e.currentTarget.alt));
+      unfavoriting(e.currentTarget.alt);
     }
-    setSelectedMajor(e.target.alt);
+    setSelectedMajor(e.currentTarget.alt);
   };
 
   // 확인 버튼 클릭 이벤트
@@ -50,6 +50,7 @@ const useFavoriteMajor = (setModalIsOpen: React.Dispatch<React.SetStateAction<bo
   };
 
   // 전공 선택 변경
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const majorChange = (e: any) => setSelectedMajor(e.target.value);
 
   // 즐겨찾기 리스트 불러오기

diff --git a/src/hooks/useLectureQuery.ts b/src/hooks/useLectureQuery.ts
@@ -30,7 +30,7 @@ const useLectureQuery = () => {
   );
 
   // 검색 쿼리(key: 검색어,정렬,전공)
-  const Search = () => {
+  const search = () => {
     const { ref, inView } = useInView();
     const {
       data,
@@ -59,7 +59,7 @@ const useLectureQuery = () => {
   };
 
   // 강의 상세 쿼리(key: 강의id)
-  const Detail = () => {
+  const detail = () => {
     const { data, isLoading } = useQuery(
       ['lecture', 'detail', selectId],
       () => lecture.detail(selectId),
@@ -95,7 +95,7 @@ const useLectureQuery = () => {
   };
 
   // 강의평가 쿼리(key: 강의id)
-  const Evaluation = (id: string, setWritten: React.Dispatch<React.SetStateAction<boolean>>) => {
+  const evaluation = (id: string, setWritten: React.Dispatch<React.SetStateAction<boolean>>) => {
     const { ref, inView } = useInView();
     const { data, isFetchingNextPage, isLoading, fetchNextPage } = useInfiniteQuery(
       ['lecture', 'evaluationList', id],
@@ -122,7 +122,7 @@ const useLectureQuery = () => {
   };
 
   // 시험정보 쿼리(key: 강의id)
-  const TestInfo = (id: string, setWritten: React.Dispatch<React.SetStateAction<boolean>>) => {
+  const testInfo = (id: string, setWritten: React.Dispatch<React.SetStateAction<boolean>>) => {
     const { ref, inView } = useInView();
     const { data, isFetchingNextPage, isLoading, fetchNextPage } = useInfiniteQuery(
       ['lecture', 'examList', id],
@@ -148,7 +148,7 @@ const useLectureQuery = () => {
     return { data, isFetchingNextPage, isLoading, ref };
   };
 
-  return { getMainLecture, Search, Detail, Evaluation, TestInfo };
+  return { getMainLecture, search, detail, evaluation, testInfo };
 };
 
 export default useLectureQuery;
diff --git a/src/hooks/useUserQuery.ts b/src/hooks/useUserQuery.ts
@@ -8,7 +8,7 @@ import { isLoginStorage } from 'utils/loginStorage';
 const useUserQuery = () => {
   const user = User();
   // 내가 작성한 평가
-  const EvaluationList = () => {
+  const evaluationList = () => {
     const { ref, inView } = useInView();
     const { data, isLoading, fetchNextPage, isFetchingNextPage } = useInfiniteQuery(
       ['myInfo', 'myEvaluation'],
@@ -22,7 +22,7 @@ const useUserQuery = () => {
         enabled: isLoginStorage(),
         cacheTime: CACHE_TIME.MINUTE_30,
         staleTime: CACHE_TIME.MINUTE_30,
-      }
+      },
     );
     useEffect(() => {
       if (inView) {
@@ -34,7 +34,7 @@ const useUserQuery = () => {
   };
 
   // 내가 작성한 시험정보
-  const TestInfoList = () => {
+  const testInfoList = () => {
     const { ref, inView } = useInView();
     const { data, isLoading, fetchNextPage, isFetchingNextPage } = useInfiniteQuery(
       ['myInfo', 'myExamInfo'],
@@ -48,7 +48,7 @@ const useUserQuery = () => {
         enabled: isLoginStorage(),
         cacheTime: CACHE_TIME.MINUTE_30,
         staleTime: CACHE_TIME.MINUTE_30,
-      }
+      },
     );
     useEffect(() => {
       if (inView) {
@@ -59,6 +59,6 @@ const useUserQuery = () => {
     return { data, isLoading, isFetchingNextPage, ref };
   };
 
-  return { EvaluationList, TestInfoList };
+  return { evaluationList, testInfoList };
 };
 export default useUserQuery;
diff --git a/src/pages/Search.tsx b/src/pages/Search.tsx
@@ -4,8 +4,8 @@ import { sortOptions } from 'constants/placeholderData';
 import useLectureQuery from 'hooks/useLectureQuery';
 
 const Search = () => {
-  const { Search } = useLectureQuery();
-  const { data } = Search();
+  const { search } = useLectureQuery();
+  const { data } = search();
 
   const count = data?.pages[0]?.data.count ?? 0;