[Refactor] api 폴더 구조 변경 및 빌드시 버그있는 컴포넌트 수정

cccwon2 · cccwon2 · commit fe05a8cb16e7 · 2024-10-25T17:24:24.000+09:00
diff --git a/src/app/(auth)/signup/page.tsx b/src/app/(auth)/signup/page.tsx
@@ -44,7 +44,7 @@ const SignupPage = () => {
   const onSubmit: SubmitHandler<Signup> = async (data) => {
     try {
       const { confirmPassword, ...signupData } = data;
-      const response = await axios.post("/api/auth/signup", signupData);
+      const response = await axios.post("/api/users", signupData);
 
       toast.success("가입이 완료되었습니다");
       reset();
diff --git a/src/app/api/users/me/image/route.ts b/src/app/api/users/me/image/route.ts
diff --git a/src/app/api/users/me/route.ts b/src/app/api/users/me/route.ts
diff --git a/src/app/api/users/route.ts b/src/app/api/users/route.ts
@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from "next/server";
-import { apiClient } from "../../apiClient";
+import { apiClient } from "@/app/api/apiClient";
 import { Signup, SignupResponse } from "@/zodSchema/userSchema";
 import { AxiosError } from "axios";
 
diff --git a/src/app/mydashboard/components/Pagination.tsx b/src/app/mydashboard/components/Pagination.tsx
@@ -1,5 +1,5 @@
 import toast from "react-hot-toast";
-import { BackForwardBtn } from "@/components/button/ButtonComponents";
+import { PaginationBtn } from "@/components/button/ButtonComponents";
 import { Dispatch, SetStateAction, useEffect, useState } from "react";
 
 interface IProps {
@@ -40,7 +40,7 @@ const Pagination = ({ totalPage, setPage, page }: IProps) => {
     }
   }
 
-  return <BackForwardBtn onClickNext={handlePageNext} onClickPrev={handlePagePrev} disabled={isDisabled} />
+  return <PaginationBtn onClickNext={handlePageNext} onClickPrev={handlePagePrev} disabledPrev={isDisabled} disabledNext={isDisabled} />;
 };
 
 export default Pagination;
diff --git a/src/app/mypage/components/UpdateProfile.tsx b/src/app/mypage/components/UpdateProfile.tsx
@@ -43,7 +43,7 @@ const UpdateProfile = () => {
           throw new Error("FormData 생성 실패");
         }
 
-        const response = await axios.post<UploadUserProfileImageResponse>("/api/user/profile/image", formData, {
+        const response = await axios.post<UploadUserProfileImageResponse>("/api/users/me/image", formData, {
           headers: {
             "Content-Type": "multipart/form-data",
           },
diff --git a/src/components/cards/UpdateCard.tsx b/src/components/cards/UpdateCard.tsx
@@ -214,9 +214,7 @@ const UpdateCard = () => {
 
         <div className="flex h-[42px] gap-3 md:h-[54px] md:gap-2">
           <CancelBtn onClick={() => ""}>취소</CancelBtn>
-          <ConfirmBtn type="submit" disabled={!isFormValid()}>
-            수정
-          </ConfirmBtn>
+          <ConfirmBtn onClick={handleSubmit}>수정</ConfirmBtn>
         </div>
       </form>
     </section>
diff --git a/src/hooks/useAuth.ts b/src/hooks/useAuth.ts
@@ -16,7 +16,7 @@ export const useAuth = () => {
   const { data: userData, isLoading } = useQuery({
     queryKey: ["userProfile"],
     queryFn: async () => {
-      const response = await axios.get("/api/user/profile");
+      const response = await axios.get("/api/users/me");
       return response.data?.user;
     },
     enabled: !user,
diff --git a/src/hooks/useDashboardMember.ts b/src/hooks/useDashboardMember.ts

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`import toast from "react-hot-toast";`
`2`		`-import { BackForwardBtn } from "@/components/button/ButtonComponents";`
	`2`	`+import { PaginationBtn } from "@/components/button/ButtonComponents";`
`3`	`3`	`import { Dispatch, SetStateAction, useEffect, useState } from "react";`
`4`	`4`
`5`	`5`	`interface IProps {`
`@@ -40,7 +40,7 @@ const Pagination = ({ totalPage, setPage, page }: IProps) => {`
`40`	`40`	`}`
`41`	`41`	`}`
`42`	`42`
`43`		`- return <BackForwardBtn onClickNext={handlePageNext} onClickPrev={handlePagePrev} disabled={isDisabled} />`
	`43`	`+ return <PaginationBtn onClickNext={handlePageNext} onClickPrev={handlePagePrev} disabledPrev={isDisabled} disabledNext={isDisabled} />;`
`44`	`44`	`};`
`45`	`45`
`46`	`46`	`export default Pagination;`
Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@ const UpdateProfile = () => {`
`43`	`43`	`throw new Error("FormData 생성 실패");`
`44`	`44`	`}`
`45`	`45`
`46`		`- const response = await axios.post<UploadUserProfileImageResponse>("/api/user/profile/image", formData, {`
	`46`	`+ const response = await axios.post<UploadUserProfileImageResponse>("/api/users/me/image", formData, {`
`47`	`47`	`headers: {`
`48`	`48`	`"Content-Type": "multipart/form-data",`
`49`	`49`	`},`