Merge pull request #246 from ItRecode/FE-235

[FE-235]  fix: 오늘레코드 api 변경으로 연동 구현 수정

Author: sookyeonghwang

src/apis/myRecord.ts

@@ -2,9 +2,8 @@ import { AxiosResponse } from 'axios'
 import { baseInstance } from './instance'
 import {
   IMemoryRecordList,
-  IMyRecordByDateList,
+  IMyRecord,
   IMyRecordByKeywordList,
-  IMyRecordRequestParam,
   IRecordWithMonthYear,
 } from 'types/myRecord'
 
@@ -24,18 +23,8 @@ export const getMemoryRecord = (
   })
 }
 
-export const getRecordByDate = ({
-  date,
-  page,
-  size,
-}: IMyRecordRequestParam): Promise<AxiosResponse<IMyRecordByDateList>> => {
-  return baseInstance.get(`/record`, {
-    params: {
-      date,
-      page,
-      size,
-    },
-  })
+export const getRecordOnToday = (): Promise<AxiosResponse<IMyRecord>> => {
+  return baseInstance.get(`/record/today`)
 }
 
 export const getRecordByKeyword = (

src/pages/DetailRecord/DetailRecord.tsx

@@ -189,7 +189,7 @@ export default function DetailRecord() {
             onCancel={() => setIsDelete(false)}
             onConfirm={() => {
               deleteRecordById(POST_ID)
-              navigate('/myrecord')
+              navigate(-1)
             }}
           />
         )}

src/react-query/hooks/useMemoryRecord.ts

@@ -1,19 +1,16 @@
 import { QUERY_KEYS } from '@react-query/queryKeys'
 import { useInfiniteQuery } from '@tanstack/react-query'
 import { getMemoryRecord } from '@apis/myRecord'
-import { useState } from 'react'
 
 export const useMemoryRecord = () => {
-  const [pageCount, setPageCount] = useState(0)
-
   const {
     data: memoryRecord = null,
     isLoading,
     hasNextPage,
     fetchNextPage,
     isFetchingNextPage,
   } = useInfiniteQuery({
-    queryKey: [QUERY_KEYS.memoryRecord, pageCount],
+    queryKey: [QUERY_KEYS.memoryRecord],
     queryFn: async ({ pageParam = 0 }) => await getMemoryRecord(pageParam),
     getNextPageParam: (lastPage): number | null => {
       const { data, config } = lastPage
@@ -22,12 +19,6 @@ export const useMemoryRecord = () => {
       }
       return null
     },
-    retry: false,
-    onSuccess: ({ pages }) => {
-      if (pages[0]) {
-        setPageCount(pages[0].data.totalCount)
-      }
-    },
   })
 
   return {

src/react-query/hooks/useMyRecordByDate.ts

@@ -1,26 +1,19 @@
+import { getRecordOnToday } from '@apis/myRecord'
 import { QUERY_KEYS } from '@react-query/queryKeys'
 import { useQuery } from '@tanstack/react-query'
-import { getRecordByDate } from '@apis/myRecord'
-import { getFormattedDate } from '@utils/getFormattedDate'
 import { useState } from 'react'
 
 export const useMyRecordByDate = () => {
   const [todayRecordId, setTodayRecordId] = useState<number | null>(null)
-  const today = new Date()
 
-  const { data: records = null, isLoading } = useQuery(
+  const { data: record = null, isLoading } = useQuery(
     [QUERY_KEYS.myRecord, todayRecordId],
-    async () =>
-      await getRecordByDate({
-        date: getFormattedDate(today, 'hyphen'),
-        page: 0,
-        size: 1,
-      }),
+    async () => await getRecordOnToday(),
     {
       retry: false,
       onSuccess: ({ data }) => {
-        if (data.totalCount) {
-          setTodayRecordId(data.recordByDateDtos[0].recordId)
+        if (data) {
+          setTodayRecordId(data.recordId)
         } else {
           setTodayRecordId(null)
         }
@@ -29,7 +22,7 @@ export const useMyRecordByDate = () => {
   )
 
   return {
-    todayRecord: records?.data.recordByDateDtos[0],
+    todayRecord: record?.data,
     isLoading,
   }
 }

src/types/myRecord.ts

@@ -27,10 +27,6 @@ export interface IMyRecord {
   createdAt: string
 }
 
-export interface IMyRecordByDateList extends PaginationResponse {
-  recordByDateDtos: IMyRecord[]
-}
-
 export interface IMyRecordByKeywordList extends PaginationResponse {
   recordBySearchDtos: IMyRecord[]
 }