[fix] hook 이름 변경

src/components/modal/NewIssue.tsx

@@ -8,7 +8,7 @@ import InputDesc from '../input/InputDesc';
 import PriorityToggle from '../input/PriorityToggle';
 import { NewIssue } from '@/types/type';
 import { issueTitleState, issuePriority, issueDescState } from '@/recoil/issueState';
-import createNewIssue from '@/hooks/createNewIssue';
+import useCreateNewIssue from '@/hooks/createNewIssue';
 
 interface IssueProps {
     onIssueCreated: () => void;
@@ -19,7 +19,7 @@ const NewIssue = ({onIssueCreated }: IssueProps) => {
     const [issuePrior, setIssuePrior] = useRecoilState(issuePriority);
     const [issueDesc, setIssueDesc] = useRecoilState(issueDescState);
 
-    const {create, error, data} = createNewIssue();
+    const {create, error, data} = useCreateNewIssue();
 
     const [isVisible, setVisiable] = useRecoilState(modalState);
 

src/components/modal/NewProject.tsx

@@ -4,7 +4,7 @@ import Input from '../Input';
 import InputToggle from '../InputToggle';
 import {useRecoilState} from 'recoil';
 import { titleState, contributerId, modalState, contributerName} from '@/recoil/state';
-import createNewProject from '@/hooks/createNewProject';
+import useCreateNewProject from '@/hooks/createNewProject';
 import SubmitBtn from '../button/SubmitBtn';
 import { User } from '@/types/type';
 
@@ -21,7 +21,7 @@ const NewProject = ({userData, onProjectCreated}:UserProps )=> {
     const userId = parseInt(localStorage.getItem('userId')||'0');
     const [isVisible, setVisiable] = useRecoilState(modalState);
 
-    const {create, loading, error, data} = createNewProject();
+    const {create, loading, error, data} = useCreateNewProject();
 
     const handleSubmit = async (e:React.FormEvent<HTMLFormElement>)=>{
         e.preventDefault();

src/hooks/createNewIssue.tsx

@@ -4,7 +4,7 @@ import {useRouter} from 'next/router';
 
 
 
-const createNewIssue = () => {
+const useCreateNewIssue = () => {
     const [error, setError] = useState<string|null>(null);
     const [data, setData] = useState<any>(null);
 
@@ -62,5 +62,5 @@ const createNewIssue = () => {
     return{create, error, data};
 };
 
-export default createNewIssue;
+export default useCreateNewIssue;
 

src/hooks/createNewProject.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 
-const createNewProject = () => {
+const useCreateNewProject = () => {
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState<string|null>(null);
     const [data, setData] = useState<any>(null);
@@ -55,5 +55,5 @@ const createNewProject = () => {
     return{create, loading, error, data};
 };
 
-export default createNewProject;
+export default useCreateNewProject;
 

src/hooks/deleteComment.tsx

@@ -1,4 +1,4 @@
-const deleteComment = async (commentId: string): Promise<boolean> => {
+const useDeleteComment = async (commentId: string): Promise<boolean> => {
     try {
         const url = `${process.env.NEXT_PUBLIC_API_BASE_URL}/comments?commentId=${commentId}`;
         const response = await fetch(url, {
@@ -19,4 +19,4 @@ const deleteComment = async (commentId: string): Promise<boolean> => {
     }
 };
 
-export default deleteComment;
+export default useDeleteComment;

src/pages/issue/[id].tsx

@@ -6,7 +6,7 @@ import { CommentInfo, IssueInfo, NewComment } from '@/types/type';
 import useFetchIssueDetail from '../../hooks/useFetchIssueDetail';
 import useFetchComment from '@/hooks/useFetchComment';
 import useAddComment from '@/hooks/useAddComment';
-import deleteComment from '@/hooks/deleteComment';
+import useDeleteComment from '@/hooks/deleteComment';
 import { useRouter } from 'next/router';
 import Navbar from '@/components/nav/Navbar';
 
@@ -76,7 +76,7 @@ const Issue = () => {
 
     const handleDeleteComment = async (commentId:string) =>{
         try {
-            const deleted = await deleteComment(commentId);
+            const deleted = await useDeleteComment(commentId);
             if (deleted) {
                 setComments(comments.filter(comment => comment.id !== Number(commentId)));
             }

src/pages/project/index.tsx

@@ -7,8 +7,6 @@ import { modalState } from '@/recoil/state';
 import useFetchData from '@/hooks/useFetchData';
 import useFetchProject from '@/hooks/useFetchProject';
 import { User, ProjectInfo } from '@/types/type';
-import { setCookie, getCookie } from '@/utils/cookie';
-import Cookies from 'js-cookie';
 import { userIdState } from '@/recoil/userState';
 import Navbar from '@/components/nav/Navbar';