[FEAT] 목록 조회 API 구조

src/apis/alarm/useDeleteAlarms.ts

@@ -0,0 +1,31 @@
+import { useMutation } from '@tanstack/react-query';
+import { queryKey } from '../../constants/queryKey';
+import queryClient from '../../utils/queryClient';
+import type { RequestAlarmListDto } from '../../types/alarm';
+import type { CommonResponse } from '../../types/common';
+import { axiosInstance } from '../axios';
+
+// notification/NotiHome.tsx
+const deleteAlarmItem = async (alarmIds: RequestAlarmListDto): Promise<CommonResponse> => {
+  try {
+    const { data } = await axiosInstance.delete(`api/alarms`, {
+      data: alarmIds,
+    });
+    return data;
+  } catch (error) {
+    console.error('Error deleting alarm item:', error);
+    throw error;
+  }
+};
+
+export const useDeleteAlarms = () => {
+  return useMutation({
+    mutationFn: deleteAlarmItem,
+    onSuccess(data, variables) {
+      console.log('Alarms deleted successfully:', data);
+      queryClient.invalidateQueries({
+        queryKey: [queryKey.NOTI_LIST, variables.alarmIds],
+      });
+    },
+  });
+};

src/apis/alarm/useGetAlarmList.ts

@@ -0,0 +1,30 @@
+import { useQuery } from '@tanstack/react-query';
+import type { PaginationDto } from '../../types/common';
+import type { AlarmType } from '../../types/listItem';
+import { queryKey } from '../../constants/queryKey';
+import type { ResponseAlarmDto } from '../../types/alarm';
+import { axiosInstance } from '../axios';
+
+// notification/NotiHome.tsx
+const getAlarmList = async (
+  alarmtype: AlarmType,
+  paginationDto: PaginationDto
+): Promise<ResponseAlarmDto> => {
+  try {
+    const { query } = paginationDto;
+    const { data } = await axiosInstance.get(`api/alarms/${alarmtype}`, {
+      params: { query },
+    });
+    return data;
+  } catch (error) {
+    console.error('Error fetching alarm list:', error);
+    throw error;
+  }
+};
+
+export const useGetAlarmList = (alarmtype: AlarmType, params: PaginationDto) => {
+  return useQuery({
+    queryKey: [queryKey.NOTI_LIST, alarmtype, params],
+    queryFn: () => getAlarmList(alarmtype, params),
+  });
+};

src/apis/alarm/usePatchAlarms.ts

@@ -0,0 +1,29 @@
+import { useMutation } from '@tanstack/react-query';
+import queryClient from '../../utils/queryClient';
+import { queryKey } from '../../constants/queryKey';
+import type { RequestAlarmListDto } from '../../types/alarm';
+import type { CommonResponse } from '../../types/common';
+import { axiosInstance } from '../axios';
+
+// notification/NotiHome.tsx
+const patchAlarmItem = async ({ alarmId }: RequestAlarmListDto): Promise<CommonResponse> => {
+  try {
+    const { data } = await axiosInstance.patch(`api/alarms/${alarmId}`);
+    return data;
+  } catch (error) {
+    console.error('Error patching alarm item:', error);
+    throw error;
+  }
+};
+
+export const usePatchAlarms = () => {
+  return useMutation({
+    mutationFn: patchAlarmItem,
+    onSuccess(data, variables) {
+      console.log('Alarm patched successfully:', data);
+      queryClient.invalidateQueries({
+        queryKey: [queryKey.NOTI_LIST, variables.alarmId],
+      });
+    },
+  });
+};

src/apis/external/useDeleteExternals.ts

@@ -0,0 +1,35 @@
+import { useMutation } from '@tanstack/react-query';
+import queryClient from '../../utils/queryClient';
+import { queryKey } from '../../constants/queryKey';
+import type { RequestExternalListDto } from '../../types/external';
+import type { CommonResponse } from '../../types/common';
+import { axiosInstance } from '../axios';
+
+// external/externalHome.tsx
+export const deleteExternalItem = async ({
+  teamId,
+  externalIds,
+}: RequestExternalListDto): Promise<CommonResponse> => {
+  try {
+    const { data } = await axiosInstance.delete(`/api/teams/${teamId}/externals`, {
+      data: externalIds,
+    });
+
+    return data;
+  } catch (error) {
+    console.error('Error deleting external item:', error);
+    throw error;
+  }
+};
+
+export const useDeleteExternals = () => {
+  return useMutation({
+    mutationFn: deleteExternalItem,
+    onSuccess(data, variables) {
+      console.log('Externals deleted successfully:', data);
+      queryClient.invalidateQueries({
+        queryKey: [queryKey.EXTERNAL_LIST, variables.teamId],
+      });
+    },
+  });
+};

src/apis/external/useGetExternalList.ts

@@ -0,0 +1,30 @@
+import { useQuery } from '@tanstack/react-query';
+import { queryKey } from '../../constants/queryKey';
+import type { PaginationDto } from '../../types/common';
+import type { RequestExternalListDto, ResponseExternalDto } from '../../types/external';
+import { axiosInstance } from '../axios';
+
+// external/externalHome.tsx
+const getExternalList = async (
+  { teamId }: RequestExternalListDto,
+  paginationDto: PaginationDto
+): Promise<ResponseExternalDto> => {
+  try {
+    const { data } = await axiosInstance.get(`/api/teams/${teamId}/externals`, {
+      params: paginationDto,
+    });
+
+    console.log('외부 연동 리스트 데이터 불러오기 성공', data);
+    return data;
+  } catch (error) {
+    console.error('Error fetching external list:', error);
+    throw error;
+  }
+};
+
+export const useGetExternalList = (teamId: string, params: PaginationDto) => {
+  return useQuery({
+    queryKey: [queryKey.EXTERNAL_LIST, teamId, params],
+    queryFn: () => getExternalList({ teamId }, params),
+  });
+};

src/apis/external/useGetGithubConnect.ts

@@ -11,8 +11,10 @@ interface GetGithubConnectResponse {
 const getGithubConnect = async (teamId: number): Promise<GetGithubConnectResponse> => {
   try {
     const response = await axiosInstance.get<CommonResponse<GetGithubConnectResponse>>(
-      `/github/connect/${teamId}`
+      `/github/connect`,
+      { params: { teamId: teamId } }
     );
+    if (!response.data.result) return Promise.reject(response);
     return response.data.result;
   } catch (error) {
     console.error('Github 연동 실패', error);

src/apis/goal/useDeleteGoals.ts

@@ -0,0 +1,32 @@
+import { useMutation } from '@tanstack/react-query';
+import queryClient from '../../utils/queryClient';
+import { queryKey } from '../../constants/queryKey';
+import type { RequestGoalListDto } from '../../types/goal';
+import type { CommonResponse } from '../../types/common';
+import { axiosInstance } from '../axios';
+
+// goal/GoalHome.tsx
+const deleteGoalItem = async ({ teamId, goalIds }: RequestGoalListDto): Promise<CommonResponse> => {
+  try {
+    const { data } = await axiosInstance.delete(`/api/teams/${teamId}/goals`, {
+      data: { goalIds },
+    });
+
+    return data;
+  } catch (error) {
+    console.error('Error deleting goal item:', error);
+    throw error;
+  }
+};
+
+export const useDeleteGoals = () => {
+  return useMutation({
+    mutationFn: deleteGoalItem,
+    onSuccess(data, variables) {
+      console.log('Goals deleted successfully:', data);
+      queryClient.invalidateQueries({
+        queryKey: [queryKey.GOAL_LIST, variables.teamId],
+      });
+    },
+  });
+};

src/apis/goal/useGetGoalList.ts

@@ -0,0 +1,29 @@
+import { useQuery } from '@tanstack/react-query';
+import { queryKey } from '../../constants/queryKey';
+import type { PaginationDto } from '../../types/common';
+import type { RequestGoalListDto, ResponseGoalDto } from '../../types/goal';
+import { axiosInstance } from '../axios';
+
+// goal/GoalHome.tsx
+const getGoalList = async (
+  { teamId }: RequestGoalListDto,
+  paginationDto: PaginationDto
+): Promise<ResponseGoalDto> => {
+  try {
+    const { data } = await axiosInstance.get(`/api/teams/${teamId}/goals`, {
+      params: paginationDto,
+    });
+
+    return data;
+  } catch (error) {
+    console.error('Error fetching goal list:', error);
+    throw error;
+  }
+};
+
+export const useGetGoalList = (teamId: string, params: PaginationDto) => {
+  return useQuery({
+    queryKey: [queryKey.GOAL_LIST, teamId, params],
+    queryFn: () => getGoalList({ teamId }, params),
+  });
+};

src/apis/issue/useDeleteIssues.ts

@@ -0,0 +1,35 @@
+import { useMutation } from '@tanstack/react-query';
+import queryClient from '../../utils/queryClient';
+import { queryKey } from '../../constants/queryKey';
+import type { RequestIssueListDto } from '../../types/issue';
+import type { CommonResponse } from '../../types/common';
+import { axiosInstance } from '../axios';
+
+//issue/IssueHome.tsx
+const deleteIssueItem = async ({
+  teamId,
+  issueIds,
+}: RequestIssueListDto): Promise<CommonResponse> => {
+  try {
+    const { data } = await axiosInstance.delete(`/api/teams/${teamId}/issues`, {
+      data: { issueIds },
+    });
+
+    return data;
+  } catch (error) {
+    console.error('Error deleting issue item:', error);
+    throw error;
+  }
+};
+
+export const useDeleteIssues = () => {
+  return useMutation({
+    mutationFn: deleteIssueItem,
+    onSuccess(data, variables) {
+      console.log('Issues deleted successfully:', data);
+      queryClient.invalidateQueries({
+        queryKey: [queryKey.ISSUE_LIST, variables.teamId],
+      });
+    },
+  });
+};

src/apis/issue/useGetIssueList.ts

@@ -0,0 +1,29 @@
+import { useQuery } from '@tanstack/react-query';
+import { queryKey } from '../../constants/queryKey';
+import type { PaginationDto } from '../../types/common';
+import type { RequestIssueListDto, ResponseIssueDto } from '../../types/issue';
+import { axiosInstance } from '../axios';
+
+//issue/IssueHome.tsx
+const getIssueList = async (
+  { teamId }: RequestIssueListDto,
+  paginationDto: PaginationDto
+): Promise<ResponseIssueDto> => {
+  try {
+    const { data } = await axiosInstance.get(`/api/teams/${teamId}/issues`, {
+      params: paginationDto,
+    });
+
+    return data;
+  } catch (error) {
+    console.error('Error fetching issue list:', error);
+    throw error;
+  }
+};
+
+export const useGetIssueList = (teamId: string, params: PaginationDto) => {
+  return useQuery({
+    queryKey: [queryKey.ISSUE_LIST, teamId, params],
+    queryFn: () => getIssueList({ teamId }, params),
+  });
+};

src/apis/setting/usePostWorkspaceTeam.ts

@@ -19,6 +19,7 @@ const postWorkspaceTeam = async (
       '/api/workspace/setting/teams',
       { name: name, memberId: memberId }
     );
+    if (!response.data.result) return Promise.reject(response);
     return response.data.result;
   } catch (error) {
     console.error('워크스페이스 팀 생성 실패', error);

src/components/ListView/ExternalItem.tsx

@@ -48,6 +48,7 @@ export const ExternalItem = (props: Partial<ExternalItemProps>) => {
 
   const {
     variant = 'default',
+    onItemClick,
     showCheckbox,
     checked,
     onCheckChange,
@@ -65,16 +66,21 @@ export const ExternalItem = (props: Partial<ExternalItemProps>) => {
   const displayFields = getFilter(filter);
 
   const handleItemClick = (e: React.MouseEvent) => {
-    if (!showCheckbox) return;
+    if (!showCheckbox) {
+      onItemClick?.(e);
+      return;
+    }
     if ((e.target as HTMLElement).closest('label')) return;
     onCheckChange?.(!checked);
   };
 
-  const dateColor = variant === 'notification' ? (checked ? '' : 'text-red-400') : '';
-
+  const dateColor = variant === 'notification' ? 'text-error-400' : '';
   return (
     <div
-      className={`font-body-r flex justify-between items-center h-[5.6rem] px-[3.2rem] -mx-[3.2rem] ${showCheckbox && checked ? 'bg-gray-300' : ''}`}
+      className={`
+        font-body-r flex justify-between items-center h-[5.6rem] px-[3.2rem] -mx-[3.2rem]
+        ${checked ? 'bg-gray-300' : variant === 'read' ? 'bg-gray-200' : ''}
+      `}
       onClick={handleItemClick}
       tabIndex={showCheckbox ? 0 : -1}
       style={{ cursor: showCheckbox ? 'pointer' : 'default' }}
@@ -111,7 +117,7 @@ export const ExternalItem = (props: Partial<ExternalItemProps>) => {
       </div>
       <div className="flex gap-[3.2rem] items-center">
         {/* 상태 */}
-        {displayFields.includes('status') && (
+        {displayFields.includes('state') && (
           <div className="flex gap-[0.8rem] items-center">
             {getStatusIcon(status)}
             <div className="truncate">{STATUS_LABELS[status]}</div>
@@ -136,7 +142,11 @@ export const ExternalItem = (props: Partial<ExternalItemProps>) => {
         {/* 기한 */}
         <div className="flex gap-[0.8rem] items-center whitespace-nowrap">
           <img src={dateIcon} alt="date" className="w-[1.6rem] h-[1.6rem] m-[0.4rem]" />
-          <div className={`${dateColor}`}>{formatGoalDate(deadline?.start, deadline?.end)}</div>
+          <div className={dateColor}>
+            {typeof deadline === 'string'
+              ? formatGoalDate(deadline, deadline)
+              : formatGoalDate(deadline.start, deadline.end)}
+          </div>
         </div>
         {/* 담당자 */}
         {displayFields.includes('manage') && <ManagerAvatar managers={managers.info} />}