frontend: introduce triggers hooks + dispatch save to the API

Pedro Lucas Porcellis porcellis@eletrotupi.com 14 days ago 4ef759a7c84b0f1067b873dcf561cc752569a817

Parents: cd79c89

6 file(s) changed

frontend/app/triggers/new.tsx +51 -54
frontend/constants/triggers.ts +7 -1
frontend/hooks/index.ts +8 -10
frontend/hooks/useTrigger.queries.ts +120 -0
frontend/lib/api/client.ts +97 -53
frontend/lib/api/types.ts +31 -14

frontend/app/triggers/new.tsx

@@ -3,75 +3,73 @@ View,
      Text,
      StyleSheet,
      KeyboardAvoidingView,
  -   ScrollView
  - } from 'react-native';
  - import { useEffect, useState } from 'react';
  - import { router } from 'expo-router';
  +   ScrollView,
  + } from "react-native";
  + import { useEffect, useState } from "react";
  + import { router } from "expo-router";
    
  - import { Card } from '@/components/ui/Cards';
  - import { Input, TextArea } from '@/components/ui/Input';
  - import { Button } from '@/components/ui/Button';
  - import { Section, SectionHeader } from '@/components/ui/Sections';
  - import { Spacing, Typography, Colors, BorderRadius } from '@/constants/theme';
  - import { Ionicons, MaterialIcons } from '@expo/vector-icons';
  - import { useCreateSleepRecord } from '@/hooks';
  - import { CategoryChips, CategoryOption } from '@/components/ui/CategoryChips';
  - import { TriggerCategory } from '@/constants/triggers';
  + import { Card } from "@/components/ui/Cards";
  + import { Input, TextArea } from "@/components/ui/Input";
  + import { Button } from "@/components/ui/Button";
  + import { Section, SectionHeader } from "@/components/ui/Sections";
  + import { Spacing, Typography, Colors, BorderRadius } from "@/constants/theme";
  + import { Ionicons, MaterialIcons } from "@expo/vector-icons";
  + import { useCreateTrigger } from "@/hooks";
  + import { CategoryChips, CategoryOption } from "@/components/ui/CategoryChips";
  + import { TriggerCategory } from "@/constants/triggers";
    
    const TRIGGER_CATEGORIES: CategoryOption<TriggerCategory>[] = [
      {
  -     label: 'Trabalho',
  -     value: 'work',
  -     icon: <Ionicons size={16} color="#60A5FA" name="briefcase" />
  +     label: "Trabalho",
  +     value: "WORK",
  +     icon: <Ionicons size={16} color="#60A5FA" name="briefcase" />,
      },
      {
  -     label: 'Social',
  -     value: 'social',
  -     icon: <MaterialIcons size={16} color="#AF52DE" name="diversity-1" />
  +     label: "Social",
  +     value: "SOCIAL",
  +     icon: <MaterialIcons size={16} color="#AF52DE" name="diversity-1" />,
      },
      {
  -     label:
  -       'Saúde',
  -     value: 'health',
  -     icon: <MaterialIcons size={16} color="#34C759" name="healing" />
  +     label: "Saúde",
  +     value: "HEALTH",
  +     icon: <MaterialIcons size={16} color="#34C759" name="healing" />,
      },
      {
  -     label: 'Família',
  -     value: 'family',
  -     icon: <MaterialIcons size={16} color="#FF9500" name="family-restroom" />
  +     label: "Família",
  +     value: "FAMILY",
  +     icon: <MaterialIcons size={16} color="#FF9500" name="family-restroom" />,
      },
      {
  -     label: 'Outros',
  -     value: 'other',
  -     icon: <Ionicons size={16} color="#8E8E93" name="ellipsis-horizontal" />
  +     label: "Outros",
  +     value: "OTHER",
  +     icon: <Ionicons size={16} color="#8E8E93" name="ellipsis-horizontal" />,
      },
    ];
    
    export default function NewTrigger() {
  -   const [moment, setMoment] = useState(new Date())
  -   const [comment, setComment] = useState();
  -   const [category, setCategory] = useState('work');
  +   const [moment, setMoment] = useState(new Date());
  +   const [comment, setComment] = useState("");
  +   const [category, setCategory] = useState("WORK");
  +   const createTrigger = useCreateTrigger();
    
      const save = async () => {
        const data = {
          moment,
          comment,
  +       category,
        };
    
  -     console.log("Trigger data: ", data)
  -     //await createSleepRecord.mutateAsync(data)
  -     router.replace("/")
  +     await createTrigger.mutateAsync(data);
  +     router.replace("/(tabs)/actions");
      };
    
      return (
  -     <KeyboardAvoidingView
  -       behavior='height'
  -       style={styles.keyboardView}>
  +     <KeyboardAvoidingView behavior="height" style={styles.keyboardView}>
          <ScrollView scrollEventThrottle={16}>
            <View style={styles.container}>
              <View style={styles.header}>
                <View style={styles.innerHeaderWrapper}>
  -               <View style={[styles.headerIcon, { backgroundColor: '#FFF7ED' }]}>
  +               <View style={[styles.headerIcon, { backgroundColor: "#FFF7ED" }]}>
                    <Ionicons name="flash-outline" size={20} color="#EA580C" />
                  </View>
    

@@ -84,7 +82,8 @@ </View>
                </View>
    
                <Text style={styles.description}>
  -               Identificar gatilhos ajuda a entender melhor seus padrões emocionais
  +               Identificar gatilhos ajuda a entender melhor seus padrões
  +               emocionais
                </Text>
              </View>
    

@@ -93,7 +92,8 @@ <SectionHeader title="Selecionar uma categoria" />
                <CategoryChips
                  options={TRIGGER_CATEGORIES}
                  active={category}
  -               onChange={setCategory} />
  +               onChange={setCategory}
  +             />
              </Section>
    
              <Section>

@@ -102,14 +102,12 @@
                <Card style={styles.mainCard}>
                  <TextArea
                    label="Comentários sobre"
  -                 type="text"
                    variant="darkGhost"
                    onChangeText={(val) => setComment(val)}
                    value={comment}
                    minRows={5}
                    maxRows={10}
                    placeholder="Descreva o que gerou esse sentimento"
  -                 style={styles.notes}
                  />
                </Card>
              </Section>

@@ -126,14 +124,13 @@ container: {
        gap: 24,
        paddingHorizontal: Spacing.containerPadding,
        paddingVertical: Spacing.sectionGap,
  -     marginBottom: 50
  +     marginBottom: 50,
      },
      mainCard: {
  -     padding: Spacing.cardGap
  +     padding: Spacing.cardGap,
      },
      // Header
  -   header: {
  -   },
  +   header: {},
      headerIcon: {
        paddingVertical: 15,
        paddingHorizontal: 14,

@@ -142,25 +139,25 @@ borderRadius: BorderRadius.md,
      },
      innerHeaderWrapper: {
        flex: 1,
  -     flexDirection: 'row',
  -     alignItems: 'center'
  +     flexDirection: "row",
  +     alignItems: "center",
      },
      headerTitleSubtitle: {
  -     marginLeft: 10
  +     marginLeft: 10,
      },
      headerTitle: {
  -     ...Typography.headlineMd
  +     ...Typography.headlineMd,
      },
      headerSubtitle: {
        ...Typography.bodyMd,
  -     color: Colors.light.textSecondary
  +     color: Colors.light.textSecondary,
      },
      description: {
        ...Typography.bodyMd,
        color: Colors.light.textSecondary,
  -     marginTop: 20
  +     marginTop: 20,
      },
      keyboardView: {
        flex: 1,
      },
  - })
  + });

frontend/constants/triggers.ts

@@ -1,1 +1,7 @@
  - export type TriggerCategory = 'work' | 'social' | 'health' | 'family' | 'other';
  + export type TriggerCategory =
  +   | "WORK"
  +   | "SOCIAL"
  +   | "HEALTH"
  +   | "PHYSICAL"
  +   | "FAMILY"
  +   | "OTHER";

frontend/hooks/index.ts

@@ -1,11 +1,7 @@
    // Legacy shit from react native
  - export {
  -   useThemeColor
  - } from '@/hooks/use-theme-color';
  + export { useThemeColor } from "@/hooks/use-theme-color";
    
  - export {
  -   useColorScheme
  - } from '@/hooks/use-color-scheme';
  + export { useColorScheme } from "@/hooks/use-color-scheme";
    
    // Custom stuff
    export {

@@ -14,10 +10,12 @@ useMoodEntries,
      useMoodEntriesInfinite,
      useMoodEntry,
      useCreateMoodEntry,
  -   useDeleteMoodEntry
  - } from '@/hooks/useMoodEntries.queries';
  +   useDeleteMoodEntry,
  + } from "@/hooks/useMoodEntries.queries";
    
    export {
      useSleepRecords,
  -   useCreateSleepRecord
  - } from '@/hooks/useSleepRecord.queries';
  +   useCreateSleepRecord,
  + } from "@/hooks/useSleepRecord.queries";
  + 
  + export { useTriggers, useCreateTrigger } from "@/hooks/useTrigger.queries";

frontend/hooks/useTrigger.queries.ts

@@ -0,0 +1,120 @@
  + import {
  +   useQuery,
  +   useMutation,
  +   useQueryClient,
  +   useInfiniteQuery,
  + } from "@tanstack/react-query";
  + 
  + import { apiClient, Trigger, CreateTriggerPayload } from "@/lib/api";
  + 
  + export const triggerKeys = {
  +   all: () => ["triggers"] as const,
  +   lists: () => [...triggerKeys.all(), "list"] as const,
  +   list: (filters?: TriggerFilters) =>
  +     [...triggerKeys.lists(), filters] as const,
  +   detail: (id: string) => [...triggerKeys.all(), "detail", id] as const,
  + };
  + 
  + interface TriggerFilters {
  +   from?: string; // ISO date
  +   to?: string; // ISO date
  +   limit?: number;
  + }
  + 
  + // Queries
  + 
  + // Fetch a paginated list of mood entries.
  + // On cold start, returns cached data instantly then revalidates.
  + export const useTriggers = (filters?: TriggerFilters) => {
  +   return useQuery({
  +     queryKey: triggerKeys.list(filters),
  +     queryFn: () => apiClient.getTriggers(filters),
  +   });
  + };
  + 
  + // Single entry detail
  + export const useTrigger = (id: string) => {
  +   return useQuery({
  +     queryKey: triggerKeys.detail(id),
  +     queryFn: () => apiClient.getTrigger(id),
  +     enabled: !!id,
  +   });
  + };
  + 
  + // MUTATIONS
  + 
  + // Create a new mood entry
  + // Optimistically adds to cache, rolls back on failure
  + export const useCreateTrigger = () => {
  +   const queryClient = useQueryClient();
  + 
  +   return useMutation({
  +     mutationFn: (payload: CreateTriggerPayload) =>
  +       apiClient.createTrigger(payload),
  + 
  +     // Optimistic update so that the UI reflects the new entry immediately
  +     onMutate: async (payload) => {
  +       // Cancel any in-flight refetches so they don't overwrite our optimistic update
  +       await queryClient.cancelQueries({ queryKey: triggerKeys.lists() });
  + 
  +       // Snapshot current cache so we can roll back
  +       const previous = queryClient.getQueryData(triggerKeys.list());
  + 
  +       // Inject a temporary optimistic record
  +       // TODO: might as well create a shared attrs that we're keeping it
  +       queryClient.setQueryData(triggerKeys.list(), (old: Trigger[] = []) => [
  +         {
  +           ...payload,
  +           id: `temp-${Date.now()}`,
  +           createdAt: new Date().toISOString(),
  +           _optimistic: true,
  +         },
  +         ...old,
  +       ]);
  + 
  +       return { previous };
  +     },
  + 
  +     // On error, roll back to the snapshot
  +     onError: (_err, _payload, context) => {
  +       if (context?.previous) {
  +         queryClient.setQueryData(triggerKeys.list(), context.previous);
  +       }
  +     },
  + 
  +     // On success, replace optimistic record with real one from server
  +     onSuccess: () => {
  +       queryClient.invalidateQueries({ queryKey: triggerKeys.lists() });
  +     },
  +   });
  + };
  + 
  + // Delete a mood entry with optimistic removal
  + export const useDeleteTrigger = () => {
  +   const queryClient = useQueryClient();
  + 
  +   return useMutation({
  +     mutationFn: (id: string) => apiClient.deleteTrigger(id),
  + 
  +     onMutate: async (id) => {
  +       await queryClient.cancelQueries({ queryKey: triggerKeys.lists() });
  +       const previous = queryClient.getQueryData(triggerKeys.list());
  + 
  +       queryClient.setQueryData(triggerKeys.list(), (old: Trigger[] = []) =>
  +         old.filter((e) => e.id !== id),
  +       );
  + 
  +       return { previous };
  +     },
  + 
  +     onError: (_err, _id, context) => {
  +       if (context?.previous) {
  +         queryClient.setQueryData(triggerKeys.list(), context.previous);
  +       }
  +     },
  + 
  +     onSuccess: () => {
  +       queryClient.invalidateQueries({ queryKey: triggerKeys.lists() });
  +     },
  +   });
  + };

frontend/lib/api/client.ts

@@ -1,4 +1,4 @@
  - import * as SecureStore from 'expo-secure-store';
  + import * as SecureStore from "expo-secure-store";
    import {
      User,
      AuthResponse,

@@ -11,8 +11,9 @@ UserUpdateResponse,
      MoodComponentPayload,
      MoodEntryPayload,
      SleepRecordPayload,
  -   PaginatedResponse
  - } from '@/lib/api/types';
  +   CreateTriggerPayload,
  +   PaginatedResponse,
  + } from "@/lib/api/types";
    
    const API_BASE_URL = process.env.EXPO_PUBLIC_API_BASE_URL;
    const TOKEN_KEY = process.env.EXPO_PUBLIC_TOKEN_KEY;

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

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

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

@@ -51,7 +52,7 @@ }
    
      private async request<T>(
        endpoint: string,
  -     options: RequestInit = {}
  +     options: RequestInit = {},
      ): Promise<T> {
        const token = await this.getStoredToken();
        const isFormData = options.body instanceof FormData;

@@ -60,7 +61,7 @@ const config: RequestInit = {
          ...options,
          headers: {
            ...(token && { Authorization: `Bearer ${token}` }),
  -         ...(!isFormData && { 'Content-Type': 'application/json' }),
  +         ...(!isFormData && { "Content-Type": "application/json" }),
            ...options.headers,
          },
        };

@@ -68,10 +69,11 @@
        const response = await fetch(`${API_BASE_URL}${endpoint}`, config);
    
        if (!response.ok) {
  -       const error = await response.json()
  -         .catch(() => ({ error: 'Network error' }));
  +       const error = await response
  +         .json()
  +         .catch(() => ({ error: "Network error" }));
    
  -       console.error("[API]: ", error, response.status)
  +       console.error("[API]: ", error, response.status);
    
          throw new Error(error.error || `HTTP ${response.status}`);
        }

@@ -80,9 +82,12 @@ return response.json();
      }
    
      // Auth
  -   async login(email: string, password: string): Promise<AuthResponse | { isActive: boolean }> {
  -     const response = await this.request<AuthResponse>('/auth/login', {
  -       method: 'POST',
  +   async login(
  +     email: string,
  +     password: string,
  +   ): Promise<AuthResponse | { isActive: boolean }> {
  +     const response = await this.request<AuthResponse>("/auth/login", {
  +       method: "POST",
          body: JSON.stringify({ email, password }),
        });
    

@@ -94,21 +99,21 @@ return response;
      }
    
      async activate(code: number): Promise<ActivateResponse> {
  -     return this.request('/auth/activate', {
  -       method: 'POST',
  +     return this.request("/auth/activate", {
  +       method: "POST",
          body: JSON.stringify({ code }),
        });
      }
    
      async requestActivateCode(): Promise<void> {
  -     return this.request('/auth/resend_code', {
  -       method: 'POST'
  -     })
  +     return this.request("/auth/resend_code", {
  +       method: "POST",
  +     });
      }
    
      async signup(user: SignUpPayload): Promise<AuthResponse> {
  -     const response = await this.request<AuthResponse>('/users', {
  -       method: 'POST',
  +     const response = await this.request<AuthResponse>("/users", {
  +       method: "POST",
          body: JSON.stringify({ user }),
        });
    

@@ -117,22 +122,25 @@ return response;
      }
    
      async forgotPassword(email: string): Promise<ResetPasswordRequestResponse> {
  -     return this.request('/auth/forgot-password', {
  -       method: 'POST',
  +     return this.request("/auth/forgot-password", {
  +       method: "POST",
          body: JSON.stringify({ email }),
        });
      }
    
  -   async resetPassword(token: string, password: string): Promise<ResetPasswordResponse> {
  -     return this.request('/auth/reset-password', {
  -       method: 'POST',
  +   async resetPassword(
  +     token: string,
  +     password: string,
  +   ): Promise<ResetPasswordResponse> {
  +     return this.request("/auth/reset-password", {
  +       method: "POST",
          body: JSON.stringify({ token, newPassword: password }),
        });
      }
    
      async verifyToken(): Promise<VerifyTokenResponse> {
        try {
  -       return await this.request('/auth/verify');
  +       return await this.request("/auth/verify");
        } catch (error) {
          // Token is invalid or expired
          await this.removeToken();

@@ -147,33 +155,35 @@
      // User-related
      async updateUser(user: UserUpdatePayload): Promise<User> {
        return await this.request(`/users/${user.id}`, {
  -       method: 'PUT',
  -       body: JSON.stringify({ user })
  -     })
  +       method: "PUT",
  +       body: JSON.stringify({ user }),
  +     });
      }
    
      async avatar(formData: FormData): Promise<User> {
        return await this.request(`/users/me/avatar`, {
  -       method: 'POST',
  +       method: "POST",
          body: formData,
          headers: {
  -         'Content-Type': 'multipart/form-data',
  +         "Content-Type": "multipart/form-data",
          } as any,
  -     })
  +     });
      }
    
      async removeAvatar(): Promise<void> {
        return await this.request(`/users/me/avatar`, {
  -       method: 'DELETE'
  +       method: "DELETE",
        });
      }
    
      // Mood-related
  -   async createMoodEntry(mood: CreateMoodEntryPayload): Promise<MoodEntryResponse> {
  +   async createMoodEntry(
  +     mood: CreateMoodEntryPayload,
  +   ): Promise<MoodEntryResponse> {
        return await this.request(`/moods`, {
  -       method: 'POST',
  -       body: JSON.stringify({ mood })
  -     })
  +       method: "POST",
  +       body: JSON.stringify({ mood }),
  +     });
      }
    
      async getMoodEntries(params?: {

@@ -183,13 +193,13 @@ page?: number;
        limit?: number;
      }): Promise<PaginatedResponse<MoodEntry>> {
        const query = new URLSearchParams();
  -     if (params?.from)  query.set('from', params.from);
  -     if (params?.to)    query.set('to', params.to);
  -     if (params?.page)  query.set('page', String(params.page));
  -     if (params?.limit) query.set('limit', String(params.limit));
  +     if (params?.from) query.set("from", params.from);
  +     if (params?.to) query.set("to", params.to);
  +     if (params?.page) query.set("page", String(params.page));
  +     if (params?.limit) query.set("limit", String(params.limit));
    
        const qs = query.toString();
  -     return this.request(`/moods${qs ? `?${qs}` : ''}`);
  +     return this.request(`/moods${qs ? `?${qs}` : ""}`);
      }
    
      async getMoodEntry(id: string): Promise<MoodEntry> {

@@ -197,15 +207,17 @@ return this.request(`/moods/${id}`);
      }
    
      async deleteMoodEntry(id: string): Promise<void> {
  -     return this.request(`/moods/${id}`, { method: 'DELETE' });
  +     return this.request(`/moods/${id}`, { method: "DELETE" });
      }
    
      // Sleep Record
  -   async createSleepRecord(sleepRecord: CreateSleepRecordPayload): Promise<SleepRecordResponse> {
  +   async createSleepRecord(
  +     sleepRecord: CreateSleepRecordPayload,
  +   ): Promise<SleepRecordResponse> {
        return await this.request(`/sleep_records`, {
  -       method: 'POST',
  -       body: JSON.stringify({ sleepRecord })
  -     })
  +       method: "POST",
  +       body: JSON.stringify({ sleepRecord }),
  +     });
      }
    
      async getSleepRecords(params?: {

@@ -215,13 +227,45 @@ page?: number;
        limit?: number;
      }): Promise<PaginatedResponse<SleepRecord>> {
        const query = new URLSearchParams();
  -     if (params?.from)  query.set('from', params.from);
  -     if (params?.to)    query.set('to', params.to);
  -     if (params?.page)  query.set('page', String(params.page));
  -     if (params?.limit) query.set('limit', String(params.limit));
  +     if (params?.from) query.set("from", params.from);
  +     if (params?.to) query.set("to", params.to);
  +     if (params?.page) query.set("page", String(params.page));
  +     if (params?.limit) query.set("limit", String(params.limit));
  + 
  +     const qs = query.toString();
  +     return this.request(`/sleep_records${qs ? `?${qs}` : ""}`);
  +   }
  + 
  +   // Trigger
  +   async createTrigger(trigger: CreateTriggerPayload): Promise<TriggerResponse> {
  +     return await this.request(`/triggers`, {
  +       method: "POST",
  +       body: JSON.stringify({ trigger }),
  +     });
  +   }
  + 
  +   async getTriggers(params?: {
  +     from?: string;
  +     to?: string;
  +     page?: number;
  +     limit?: number;
  +   }): Promise<PaginatedResponse<Trigger>> {
  +     const query = new URLSearchParams();
  +     if (params?.from) query.set("from", params.from);
  +     if (params?.to) query.set("to", params.to);
  +     if (params?.page) query.set("page", String(params.page));
  +     if (params?.limit) query.set("limit", String(params.limit));
    
        const qs = query.toString();
  -     return this.request(`/sleep_records${qs ? `?${qs}` : ''}`);
  +     return this.request(`/triggers${qs ? `?${qs}` : ""}`);
  +   }
  + 
  +   async getTrigger(id: string): Promise<Trigger> {
  +     return this.request(`/triggers/${id}`);
  +   }
  + 
  +   async deleteTrigger(id: string): Promise<void> {
  +     return this.request(`/triggers/${id}`, { method: "DELETE" });
      }
    }
    

frontend/lib/api/types.ts

@@ -7,36 +7,36 @@ updatedAt: Date;
      avatarKey?: string;
      avatarURL?: string;
      active: boolean;
  - };
  + }
    
    // Auth
    export interface AuthResponse {
      token: string;
      user: User;
  - };
  + }
    
    export interface VerifyTokenResponse {
      valid: boolean;
      userId?: number;
      email?: string;
  -   user: Pick<User, 'firstName' | 'lastName'>;
  - };
  +   user: Pick<User, "firstName" | "lastName">;
  + }
    
    export interface SignUpPayload {
      firstName: string;
      lastName?: string;
      email: string;
      password: string;
  - };
  + }
    
    export interface ResetPasswordRequestResponse {
      message: string;
      token?: string;
  - };
  + }
    
    export interface ResetPasswordResponse {
      message: string;
  - };
  + }
    
    export interface ActivateResponse {
      activated: boolean;

@@ -48,14 +48,14 @@ id: number;
    }
    
    export interface UserUpdateResponse {
  -   user: User
  - };
  +   user: User;
  + }
    
    // Mood entries
    export interface MoodComponentPayload {
      component: string;
      intensity: string;
  - };
  + }
    
    export interface CreateMoodEntryPayload {
      annotation: string;

@@ -64,8 +64,8 @@ selectedMood: string;
      anxietyLevel: number;
      energyLevel: number;
      stressLevel: number;
  -   moodComponents: MoodComponentPayload[]
  - };
  +   moodComponents: MoodComponentPayload[];
  + }
    
    export interface MoodComponent {
      id: number;

@@ -94,7 +94,7 @@ export interface SleepRecordPayload {
      average: number;
      annotations: string;
      date: Date;
  - };
  + }
    
    export interface SleepRecord {
      id: number;

@@ -105,10 +105,27 @@ createdAt: Date;
      updatedAt: Date;
    }
    
  + // Trigger
  + 
  + export interface Trigger {
  +   id: number;
  +   comment: string;
  +   category: string;
  +   moment: Date;
  +   createdAt: Date;
  +   updatedAt: Date;
  + }
  + 
  + export interface CreateTriggerPayload {
  +   comment: string;
  +   category: string;
  +   moment: Date;
  + }
  + 
    // Generic stuff
    export interface PaginatedResponse<T> {
      entries: T[];
      total: number;
      page: number;
      nextPage: number | null;
  - };
  + }