frontend: add sleep record hooks/queries

Pedro Lucas Porcellis porcellis@eletrotupi.com 24 days ago c00102e4121175ec5a0ad91435073a5e8f33e3c1

Parents: 5e76bad

2 file(s) changed

frontend/hooks/index.ts +5 -0
frontend/hooks/useSleepRecord.queries.ts +65 -0

frontend/hooks/index.ts

@@ -16,3 +16,8 @@ useMoodEntry,
      useCreateMoodEntry,
      useDeleteMoodEntry
    } from '@/hooks/useMoodEntries.queries';
  + 
  + export {
  +   useSleepRecords,
  +   useCreateSleepRecord
  + } from '@/hooks/useSleepRecord.queries';

frontend/hooks/useSleepRecord.queries.ts

@@ -0,0 +1,65 @@
  + import {
  +   useQuery,
  +   useMutation,
  +   useQueryClient
  + } from '@tanstack/react-query';
  + 
  + import { apiClient, SleepRecord, SleepRecordPayload } from '@/lib/api';
  + 
  + export const sleepRecordKeys = {
  +   all:    () => ['sleep-records'] as const,
  +   lists:  () => [...sleepRecordKeys.all(), 'list'] as const,
  +   list:   (filters?: SleepRecordFilters) => [...sleepRecordKeys.lists(), filters] as const,
  +   detail: (id: string) => [...sleepRecordKeys.all(), 'detail', id] as const,
  + };
  + 
  + interface SleepRecordFilters {
  +   from?: string;   // ISO date
  +   to?: string;     // ISO date
  +   limit?: number;
  + }
  + 
  + export const useSleepRecords = (filters?: SleepRecordFilters) => {
  +   return useQuery({
  +     queryKey: sleepRecordKeys.list(filters),
  +     queryFn: () => apiClient.getSleepRecords(filters),
  +   });
  + };
  + 
  + export const useCreateSleepRecord = () => {
  +   const queryClient = useQueryClient();
  + 
  +   return useMutation({
  +     mutationFn: (payload: SleepRecordPayload) =>
  +       apiClient.createSleepRecord(payload),
  + 
  +     onMutate: async (payload) => {
  +       await queryClient.cancelQueries({ queryKey: sleepRecordKeys.lists() });
  + 
  +       const previous = queryClient.getQueryData(sleepRecordKeys.list());
  + 
  +       // TODO: might as well create a shared attrs that we're keeping it
  +       queryClient.setQueryData(sleepRecordKeys, (old: SleepRecord[] = []) => [
  +         {
  +           ...payload,
  +           id: `temp-${Date.now()}`,
  +           createdAt: new Date().toISOString(),
  +           _optimistic: true,
  +         },
  +         ...old,
  +       ]);
  + 
  +       return { previous };
  +     },
  + 
  +     onError: (_err, _payload, context) => {
  +       if (context?.previous) {
  +         queryClient.setQueryData(sleepRecordKeys.list(), context.previous);
  +       }
  +     },
  + 
  +     onSuccess: () => {
  +       queryClient.invalidateQueries({ queryKey: sleepRecordKeys.lists() });
  +     },
  +   });
  + }