Merge pull request #94 from 100-hours-a-week/feature/resume

feat: 이력서 검색 및 필터링

Author: tl1l1l1s

src/app/api/endpoints/resumes.js

@@ -3,15 +3,37 @@ import { mutatingClient } from '../mutatingClient';
 import { streamAPI } from '../streamingClient';
 import { API_CONFIG } from '../config';
 
-export const fetchResumes = async ({ page = 0, size = 10 } = {}) => {
+/**
+ * Fetch resumes with cursor-based pagination
+ * @param {Object} params
+ * @param {string | null} params.next - Cursor for next page ("updatedAt|id" format)
+ * @param {number} params.size - Page size (default: 10, max: 49)
+ * @param {string} params.keyword - Resume name search (1-30 chars, optional)
+ * @param {string} params.sortedBy - Sort order: UPDATED_DESC (default) | UPDATED_ASC
+ * @returns {Promise<{data: Array, before: null, next: string | null}>}
+ */
+export const fetchResumes = async ({
+  next = null,
+  size = 10,
+  keyword = undefined,
+  sortedBy = 'UPDATED_DESC',
+} = {}) => {
+  const params = { size, sortedBy };
+
+  // Only add optional params if they have values
+  if (next) {
+    params.next = next;
+  }
+  if (keyword && keyword.trim()) {
+    params.keyword = keyword.trim();
+  }
+
   const response = await apiClient.get(API_CONFIG.ENDPOINTS.RESUMES, {
-    params: { page, size },
+    params,
   });
-  const data = response.data.data;
-  return {
-    ...data,
-    content: data?.items || data?.content || [],
-  };
+
+  // Response structure: { code, message, data: { data: [], before: null, next: string | null } }
+  return response.data.data;
 };
 
 export const createResume = async (request) => {

src/app/components/features/ChatRoomListSheet.jsx

@@ -76,8 +76,7 @@ export function ChatRoomListSheet() {
   const [isSending, setIsSending] = useState(false);
 
   const messages = useMemo(() => {
-    const rawMessages =
-      messagesData?.pages?.flatMap((page) => page.chats) || [];
+    const rawMessages = messagesData?.pages?.flatMap((page) => page.data) || [];
 
     // Deduplicate by message ID (defensive against backend pagination overlaps)
     const uniqueMessages = Array.from(

src/app/constants/index.js

@@ -97,6 +97,19 @@ export const REPO_SORT_OPTIONS = {
   name: '이름 순',
 };
 
+// Resume Sort Options
+// ========================================
+
+export const RESUME_SORT_OPTIONS = {
+  UPDATED_DESC: 'UPDATED_DESC',
+  UPDATED_ASC: 'UPDATED_ASC',
+};
+
+export const RESUME_SORT_LABELS = {
+  [RESUME_SORT_OPTIONS.UPDATED_DESC]: '최근 업데이트 순',
+  [RESUME_SORT_OPTIONS.UPDATED_ASC]: '오래된 순',
+};
+
 // Upload Constants
 // ========================================
 

src/app/hooks/queries/useResumeQueries.js

@@ -3,7 +3,7 @@
  * React Query hooks for fetching resume data
  */
 
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useInfiniteQuery } from '@tanstack/react-query';
 import {
   fetchResumes,
   fetchResumeById,
@@ -21,10 +21,33 @@ export const resumeKeys = {
   detail: (id) => [...resumeKeys.details(), id],
 };
 
-export function useResumes({ page = 0, size = 10 } = {}) {
-  return useQuery({
-    queryKey: ['resumes', { page, size }],
-    queryFn: () => fetchResumes({ page, size }),
+/**
+ * Fetch resumes with infinite scroll (cursor-based pagination)
+ * Supports search and sort functionality
+ * @param {Object} params
+ * @param {number} params.size - Page size (default: 10)
+ * @param {string} params.keyword - Search keyword (optional, 1-30 chars)
+ * @param {string} params.sortedBy - Sort order: UPDATED_DESC (default) | UPDATED_ASC
+ * @returns {import('@tanstack/react-query').UseInfiniteQueryResult}
+ */
+export function useResumes({
+  size = 10,
+  keyword = '',
+  sortedBy = 'UPDATED_DESC',
+} = {}) {
+  return useInfiniteQuery({
+    queryKey: ['resumes', 'list', { size, keyword: keyword.trim(), sortedBy }],
+    queryFn: ({ pageParam = null }) =>
+      fetchResumes({
+        next: pageParam,
+        size,
+        keyword: keyword.trim() || undefined,
+        sortedBy,
+      }),
+    getNextPageParam: (lastPage) => lastPage.next || undefined,
+    initialPageParam: null,
+    staleTime: 0,
+    gcTime: 1000 * 60 * 5,
   });
 }
 

src/app/hooks/useChatWebSocket.js

@@ -42,7 +42,7 @@ export function useChatWebSocket(chatroomId) {
                     const lastPage = pages[pages.length - 1];
                     pages[pages.length - 1] = {
                       ...lastPage,
-                      chats: [...lastPage.chats, newMsg],
+                      data: [...lastPage.data, newMsg],
                     };
                     return { ...oldData, pages };
                   }