feat: pomodoro api v2 교체 (#71, #patch)

* 뽀모도로 저장 api v2로 변경

* 통계 api 스펙 변경 대응 및 요청시 타임존 추가

* api 요청 중복으로 보내지않도록 방어코드 추가

Author: young-do

src/renderer/entities/stats/mocks.ts

@@ -2,7 +2,7 @@ import { Stats } from './types';
 
 import { createIsoDuration } from '@/shared/utils';
 
-export const mockTrend: Stats['weaklyFocusTimeTrend'] = {
+export const mockTrend: Stats['weeklyFocusTimeTrend'] = {
   startDate: '2025-06-19',
   endDate: '2025-06-25',
   dateToFocusTimeStatistics: [

src/renderer/entities/stats/types.ts

@@ -10,7 +10,7 @@ export type Stats = {
     startedAt: string;
     doneAt: string;
   }>;
-  weaklyFocusTimeTrend: {
+  weeklyFocusTimeTrend: {
     startDate: string;
     endDate: string;
     dateToFocusTimeStatistics: Array<{

src/renderer/features/pomodoro/hooks/use-add-pomodoro.ts

@@ -1,6 +1,6 @@
 import { useMutation } from '@tanstack/react-query';
+import { Pomodoro } from 'shared/type';
 
-import { Pomodoro } from '@/entities/pomodoro';
 import { useAuthClient } from '@/shared/hooks';
 
 type AddPomodoroBody = Pomodoro[];
@@ -9,7 +9,7 @@ export const useAddPomodoro = () => {
   const authClient = useAuthClient();
   return useMutation({
     mutationFn: async ({ body }: { body: AddPomodoroBody }) => {
-      return await authClient?.post<void, AddPomodoroBody>('/api/v1/focus-times', body);
+      return await authClient?.post<void, AddPomodoroBody>('/api/v2/focus-times', body);
     },
   });
 };

src/renderer/features/stats/hooks/use-stats.ts

@@ -9,12 +9,15 @@ import { useAuthClient } from '@/shared/hooks';
  */
 export const useStats = (date: string) => {
   const authClient = useAuthClient();
+  const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const queryString = new URLSearchParams({ timezone }).toString();
   return useQuery({
-    queryKey: [...QUERY_KEY.STATS, date],
+    queryKey: [...QUERY_KEY.STATS, date, timezone],
     queryFn: async () => {
-      return await authClient?.get<Stats>(`/api/v1/statistics/${date}`);
+      return await authClient?.get<Stats>(`/api/v1/statistics/${date}?${queryString}`);
     },
     enabled: !!authClient && !!date,
     staleTime: 0,
+    gcTime: 0,
   });
 };

src/renderer/features/stats/ui/stats-chart.tsx

@@ -16,7 +16,7 @@ import { Stats } from '@/entities/stats';
 import { cn, isoDurationToMs } from '@/shared/utils';
 
 export type StatsChartProps = {
-  dataFromServer: Stats['weaklyFocusTimeTrend'];
+  dataFromServer: Stats['weeklyFocusTimeTrend'];
 };
 
 type YAxisProps = ComponentProps<typeof YAxis>;

src/renderer/pages/pomodoro.tsx

@@ -47,8 +47,8 @@ const Pomodoro = () => {
 
   const { currentCategory } = useCategories();
   const { data: user } = useUser();
-  const { mutate: updateCategory } = useUpdateCategory();
-  const { mutate: savePomodoro } = useAddPomodoro();
+  const { mutate: updateCategory, isPending: isUpdating } = useUpdateCategory();
+  const { mutate: savePomodoro, isPending: isSaving } = useAddPomodoro();
   const { minimized, setMinimized } = useMinimize();
   const { alwaysOnTop, setAlwaysOnTop } = useAlwaysOnTop();
 
@@ -92,14 +92,15 @@ const Pomodoro = () => {
           timeoutDialogProps.onOpen();
         }
 
-        if (currentCategory) {
+        if (currentCategory && !isSaving) {
           savePomodoro({
             body: [
               {
                 clientFocusTimeId: Date.now().toString(),
                 categoryNo: currentCategory.no,
                 focusedTime: msToIsoDuration(focusedTime),
                 restedTime: msToIsoDuration(restedTime),
+                startedAt: new Date(cycles[0].startAt).toISOString(),
                 doneAt: new Date().toISOString(),
               },
             ],
@@ -116,6 +117,7 @@ const Pomodoro = () => {
 
   const updateCategoryTime = (type: 'focusTime' | 'restTime', currentMinutes: number) => {
     if (!selectedNextAction || !currentCategory) return;
+    if (isUpdating) return;
 
     updateCategory({
       no: currentCategory.no,

src/renderer/pages/stats.tsx

@@ -43,7 +43,7 @@ const StatsPage = () => {
         <div>
           <h2 className="header-4 px-4 py-5">집중 추세</h2>
           <div className="px-4 pb-5">
-            <StatsChart dataFromServer={stats.weaklyFocusTimeTrend} />
+            <StatsChart dataFromServer={stats.weeklyFocusTimeTrend} />
           </div>
         </div>
         <div>

src/renderer/shared/constants/keys.ts

@@ -6,7 +6,7 @@ export const QUERY_KEY = {
   CATEGORIES: ['category', 'all'],
 
   // stats
-  STATS: ['stats', 'all'],
+  STATS: ['stat', 'all'],
 
   // user
   ME: ['me'],

src/shared/type/pomodoro.ts

@@ -27,6 +27,7 @@ export type Pomodoro = {
   categoryNo: number;
   focusedTime: string;
   restedTime: string;
+  startedAt: string;
   doneAt: string;
 };