frontend: linting hooks/api's

Pedro Lucas Porcellis porcellis@eletrotupi.com 14 days ago 0e69b3981ab74bef567c19220d0b6dc95b9e909f

Parents: 2d01897

6 file(s) changed

frontend/hooks/useMoodEntries.queries.ts +15 -15
frontend/hooks/useSleepRecord.queries.ts +22 -22
frontend/hooks/useTrigger.queries.ts +2 -7
frontend/lib/api/client.ts +12 -7
frontend/lib/api/index.ts +11 -5
frontend/lib/api/types.ts +12 -0

frontend/hooks/useMoodEntries.queries.ts

@@ -3,20 +3,20 @@ useQuery,
      useMutation,
      useQueryClient,
      useInfiniteQuery,
  - } from '@tanstack/react-query';
  + } from "@tanstack/react-query";
    
  - import { apiClient, MoodEntry, CreateMoodEntryPayload } from '@/lib/api';
  + import { apiClient, MoodEntry, CreateMoodEntryPayload } from "@/lib/api";
    
    export const moodKeys = {
  -   all:    () => ['mood-entries'] as const,
  -   lists:  () => [...moodKeys.all(), 'list'] as const,
  -   list:   (filters?: MoodEntryFilters) => [...moodKeys.lists(), filters] as const,
  -   detail: (id: string) => [...moodKeys.all(), 'detail', id] as const,
  +   all: () => ["mood-entries"] as const,
  +   lists: () => [...moodKeys.all(), "list"] as const,
  +   list: (filters?: MoodEntryFilters) => [...moodKeys.lists(), filters] as const,
  +   detail: (id: string) => [...moodKeys.all(), "detail", id] as const,
    };
    
    interface MoodEntryFilters {
  -   from?: string;   // ISO date
  -   to?: string;     // ISO date
  +   from?: string; // ISO date
  +   to?: string; // ISO date
      limit?: number;
    }
    

@@ -29,18 +29,18 @@ return useQuery({
        queryKey: moodKeys.list(filters),
        queryFn: () => apiClient.getMoodEntries(filters),
      });
  - }
  + };
    
    // Infinite scroll version
    export const useMoodEntriesInfinite = (limit = 20) => {
      return useInfiniteQuery({
  -     queryKey: [...moodKeys.lists(), 'infinite'],
  +     queryKey: [...moodKeys.lists(), "infinite"],
        queryFn: ({ pageParam = 1 }) =>
          apiClient.getMoodEntries({ page: pageParam, limit }),
        getNextPageParam: (lastPage) => lastPage.nextPage ?? undefined,
        initialPageParam: 1,
      });
  - }
  + };
    
    // Single entry detail
    export const useMoodEntry = (id: string) => {

@@ -49,7 +49,7 @@ queryKey: moodKeys.detail(id),
        queryFn: () => apiClient.getMoodEntry(id),
        enabled: !!id,
      });
  - }
  + };
    
    // MUTATIONS
    

@@ -97,7 +97,7 @@ onSuccess: () => {
          queryClient.invalidateQueries({ queryKey: moodKeys.lists() });
        },
      });
  - }
  + };
    
    // Delete a mood entry with optimistic removal
    export const useDeleteMoodEntry = () => {

@@ -111,7 +111,7 @@ await queryClient.cancelQueries({ queryKey: moodKeys.lists() });
          const previous = queryClient.getQueryData(moodKeys.list());
    
          queryClient.setQueryData(moodKeys.list(), (old: MoodEntry[] = []) =>
  -         old.filter((e) => e.id !== id)
  +         old.filter((e) => e.id !== Number(id)),
          );
    
          return { previous };

@@ -127,4 +127,4 @@ onSuccess: () => {
          queryClient.invalidateQueries({ queryKey: moodKeys.lists() });
        },
      });
  - }
  + };

frontend/hooks/useSleepRecord.queries.ts

@@ -1,21 +1,18 @@
  - import {
  -   useQuery,
  -   useMutation,
  -   useQueryClient
  - } from '@tanstack/react-query';
  + import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
    
  - import { apiClient, SleepRecord, SleepRecordPayload } from '@/lib/api';
  + 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,
  +   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
  +   from?: string; // ISO date
  +   to?: string; // ISO date
      limit?: number;
    }
    

@@ -39,15 +36,18 @@
          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,
  -       ]);
  +       queryClient.setQueryData(
  +         sleepRecordKeys.list(),
  +         (old: SleepRecord[] = []) => [
  +           {
  +             ...payload,
  +             id: `temp-${Date.now()}`,
  +             createdAt: new Date().toISOString(),
  +             _optimistic: true,
  +           },
  +           ...old,
  +         ],
  +       );
    
          return { previous };
        },

@@ -62,4 +62,4 @@ onSuccess: () => {
          queryClient.invalidateQueries({ queryKey: sleepRecordKeys.lists() });
        },
      });
  - }
  + };

frontend/hooks/useTrigger.queries.ts

@@ -1,9 +1,4 @@
  - import {
  -   useQuery,
  -   useMutation,
  -   useQueryClient,
  -   useInfiniteQuery,
  - } from "@tanstack/react-query";
  + import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
    
    import { apiClient, Trigger, CreateTriggerPayload } from "@/lib/api";
    

@@ -101,7 +96,7 @@ await queryClient.cancelQueries({ queryKey: triggerKeys.lists() });
          const previous = queryClient.getQueryData(triggerKeys.list());
    
          queryClient.setQueryData(triggerKeys.list(), (old: Trigger[] = []) =>
  -         old.filter((e) => e.id !== id),
  +         old.filter((e) => e.id !== Number(id)),
          );
    
          return { previous };

frontend/lib/api/client.ts

@@ -7,11 +7,16 @@ SignUpPayload,
      ResetPasswordRequestResponse,
      ResetPasswordResponse,
      UserUpdatePayload,
  -   UserUpdateResponse,
  -   MoodComponentPayload,
  -   MoodEntryPayload,
  +   CreateMoodEntryPayload,
      SleepRecordPayload,
  +   MoodEntry,
  +   SleepRecord,
  +   SleepRecordResponse,
  +   MoodEntryResponse,
  +   Trigger,
  +   TriggerResponse,
      CreateTriggerPayload,
  +   ActivateResponse,
      PaginatedResponse,
    } from "@/lib/api/types";
    

@@ -21,7 +26,7 @@
    class ApiClient {
      private async getStoredToken(): Promise<string | null> {
        try {
  -       return await SecureStore.getItemAsync(TOKEN_KEY);
  +       return await SecureStore.getItemAsync(TOKEN_KEY!);
        } catch (error) {
          console.error("Failed to get stored token:", error);
          return null;

@@ -30,7 +35,7 @@ }
    
      private async storeToken(token: string): Promise<void> {
        try {
  -       await SecureStore.setItemAsync(TOKEN_KEY, token);
  +       await SecureStore.setItemAsync(TOKEN_KEY!, token);
        } catch (error) {
          console.error("Failed to store token:", error);
          throw error;

@@ -39,7 +44,7 @@ }
    
      private async removeToken(): Promise<void> {
        try {
  -       await SecureStore.deleteItemAsync(TOKEN_KEY);
  +       await SecureStore.deleteItemAsync(TOKEN_KEY!);
        } catch (error) {
          console.error("Failed to remove token:", error);
        }

@@ -212,7 +217,7 @@ }
    
      // Sleep Record
      async createSleepRecord(
  -     sleepRecord: CreateSleepRecordPayload,
  +     sleepRecord: SleepRecordPayload,
      ): Promise<SleepRecordResponse> {
        return await this.request(`/sleep_records`, {
          method: "POST",

frontend/lib/api/index.ts

@@ -1,13 +1,19 @@
  - export {
  -   apiClient
  - } from '@/lib/api/client';
  + export { apiClient } from "@/lib/api/client";
    
    export type {
      User,
      AuthResponse,
  +   PaginatedResponse,
  +   // Mood
  +   MoodEntry,
      CreateMoodEntryPayload,
      MoodComponentPayload,
  -   PaginatedResponse,
  +   // User
      UserUpdateResponse,
  +   // Sleep
      SleepRecordPayload,
  - } from '@/lib/api/types';
  +   SleepRecord,
  +   // Trigger
  +   Trigger,
  +   CreateTriggerPayload,
  + } from "@/lib/api/types";

frontend/lib/api/types.ts

@@ -129,3 +129,15 @@ total: number;
      page: number;
      nextPage: number | null;
    }
  + 
  + export interface MoodEntryResponse {
  +   moodEntry: MoodEntry;
  + }
  + 
  + export interface SleepRecordResponse {
  +   sleepRecord: SleepRecord;
  + }
  + 
  + export interface TriggerResponse {
  +   trigger: Trigger;
  + }