내 공고 내부 QA 반영

package.json

@@ -22,6 +22,7 @@
     "@radix-ui/react-dropdown-menu": "^2.1.1",
     "@radix-ui/react-popover": "^1.1.1",
     "@radix-ui/react-slot": "^1.1.0",
+    "@react-oauth/google": "^0.12.1",
     "@tanstack/react-query": "^5.51.1",
     "@tanstack/react-query-devtools": "^5.51.1",
     "@tippyjs/react": "^4.2.6",
@@ -75,7 +76,6 @@
     "lowlight": "^3.1.0",
     "lucide-react": "^0.411.0",
     "next": "14.2.4",
-    "next-auth": "beta",
     "react": "^18",
     "react-colorful": "^5.6.1",
     "react-day-picker": "8.10.1",

src/app/(sidebar)/(my-info)/apis/useDeleteCard.ts

@@ -1,7 +1,9 @@
 import { http } from '@/apis/http';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { GET_INFO_CARD_LIST } from './useGetInfoCardList';
+import { GET_RECRUIT_CARD_COUNT } from '../../my-recruit/[id]/api/useGetCardCount';
+import { GET_RECRUIT_CARD_ID } from '../../my-recruit/[id]/api/useGetRecruitCards';
 import { GET_CARD_TYPE_COUNT } from './useGetCardTypeCount';
+import { GET_INFO_CARD_LIST } from './useGetInfoCardList';
 
 const deleteCard = (cardId: number) => {
   return http.delete({
@@ -17,6 +19,8 @@ export const useDeleteCard = () => {
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [GET_INFO_CARD_LIST] });
       queryClient.invalidateQueries({ queryKey: [GET_CARD_TYPE_COUNT] });
+      queryClient.invalidateQueries({ queryKey: [GET_RECRUIT_CARD_ID] });
+      queryClient.invalidateQueries({ queryKey: [GET_RECRUIT_CARD_COUNT] });
     },
   });
 };

src/app/(sidebar)/(my-info)/components/AddInfoCardDialog.tsx

@@ -1,4 +1,4 @@
-import { Button, Icon } from '@/system/components';
+import { Icon } from '@/system/components';
 import { Dialog, DialogClose, DialogContent, DialogTitle, DialogTrigger } from '@/system/components/Dialog/Dialog';
 import { TagType, InfoType, INFO_TYPES } from '@/types/info';
 import { PropsWithChildren, useState } from 'react';

src/app/(sidebar)/my-recruit/[id]/api/useGetCardCount.ts

@@ -1,22 +1,22 @@
 import { http } from '@/apis/http';
 import { RecruitType } from '@/types/recruit';
-import { useSuspenseQuery } from '@tanstack/react-query';
+import { useQuery } from '@tanstack/react-query';
 
 type GetCardCountType = Record<RecruitType, number>;
 
-export const GET_CARD_COUNT = 'get-card-count';
+export const GET_RECRUIT_CARD_COUNT = 'get-card-count';
 
-const getCardCount = (id: string) => {
+const getRecruitCardCount = (id: string) => {
   return http.get<GetCardCountType>({
     url: `/recruits/${id}/cards/type-count`,
   });
 };
 
-export function useGetCardCount(id: string) {
-  const result = useSuspenseQuery({
-    queryKey: ['get-card-count'],
+export function useGetRecruitCardCount(id: string) {
+  const result = useQuery({
+    queryKey: [GET_RECRUIT_CARD_COUNT],
     queryFn: async () => {
-      const res = await getCardCount(id);
+      const res = await getRecruitCardCount(id);
       return res.data;
     },
   });

src/app/(sidebar)/my-recruit/[id]/api/useGetRecruitById.ts

@@ -17,14 +17,13 @@ const getRecruitById = (id: string) => {
   });
 };
 
-export function useGetRecruitById(id: string) {
-  const result = useSuspenseQuery({
-    queryKey: [GET_RECRUIT_BY_ID, id],
+export const useGetRecruitById = (id: string) => {
+  return useSuspenseQuery({
+    queryKey: [GET_RECRUIT_BY_ID],
     queryFn: async () => {
       const res = await getRecruitById(id);
+
       return res.data;
     },
   });
-
-  return result;
-}
+};

src/app/(sidebar)/my-recruit/[id]/api/useGetRecruitCards.ts

@@ -1,6 +1,6 @@
 import { http } from '@/apis/http';
 import { TagType } from '@/types';
-import { useSuspenseQuery } from '@tanstack/react-query';
+import { useQuery } from '@tanstack/react-query';
 
 export type GetRecruitCardsType = {
   id: number;
@@ -22,7 +22,7 @@ const getRecruitCards = ({ id, type, tagIds }: { id: string; type: string; tagId
 };
 
 export function useGetRecruitCards({ id, type, tagIds }: { id: string; type: string; tagIds?: number[] }) {
-  const result = useSuspenseQuery({
+  const result = useQuery({
     queryKey: [GET_RECRUIT_CARD_ID, id, type, tagIds],
     queryFn: async () => {
       const res = await getRecruitCards({ id, type, tagIds });

src/app/(sidebar)/my-recruit/[id]/api/useGetSeason.ts

@@ -1,5 +1,5 @@
 import { http } from '@/apis/http';
-import { useSuspenseQuery } from '@tanstack/react-query';
+import { useQuery } from '@tanstack/react-query';
 
 export interface SeasonType {
   name: string;
@@ -14,7 +14,7 @@ const getSeasons = () => {
 };
 
 export function useGetSeasons() {
-  const result = useSuspenseQuery({
+  const result = useQuery({
     queryKey: [GET_SEASONS],
     queryFn: async () => {
       const res = await getSeasons();

src/app/(sidebar)/my-recruit/[id]/api/usePostCardInRecurit.ts

@@ -1,7 +1,7 @@
 import { http } from '@/apis/http';
 import { RecruitType } from '@/types/recruit';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { GET_CARD_COUNT } from './useGetCardCount';
+import { GET_RECRUIT_CARD_COUNT } from './useGetCardCount';
 import { GET_RECRUIT_CARD_ID } from './useGetRecruitCards';
 
 interface PostCardResponse {
@@ -39,7 +39,7 @@ export const usePostCardInRecruit = () => {
     },
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [GET_RECRUIT_CARD_ID] });
-      queryClient.invalidateQueries({ queryKey: [GET_CARD_COUNT] });
+      queryClient.invalidateQueries({ queryKey: [GET_RECRUIT_CARD_COUNT] });
     },
   });
 };