feat: view habit page; ability to view everyone's entries

Author: owengretzinger

src/api/habits/mock-habits.tsx

@@ -27,7 +27,7 @@ export const mockHabits: { id: HabitIdT; data: DbHabitT }[] = [
         ['2' as UserIdT]: {
           displayName: 'Sarah Johnson',
           username: 'sarahj',
-          lastActivity: new Date('2024-12-08T00:00:00'),
+          lastActivity: new Date('2025-01-11T00:00:00'),
           isOwner: false,
         },
         ['3' as UserIdT]: {
@@ -119,6 +119,7 @@ export const mockHabitCompletions: Record<HabitIdT, AllCompletionsT> = {
         '2024-12-04': { numberOfCompletions: 2 },
         '2024-12-05': { numberOfCompletions: 3 },
         '2024-12-06': { numberOfCompletions: 1 },
+        '2025-01-11': { numberOfCompletions: 1, note: 'Drank 8 glasses' },
       },
     },
     ['3' as UserIdT]: {

src/api/habits/use-habit-completions.tsx

@@ -9,13 +9,18 @@ import {
   type ParticipantCompletionsT,
 } from './types';
 
-type Response = HabitCompletionWithDateInfoT[];
-type Variables = {
+type SingleUserHabitCompletionsResponse = HabitCompletionWithDateInfoT[];
+type SingleUserHabitCompletionsVariables = {
   habitId: HabitIdT;
   userId: UserIdT;
+  numDays: number;
 };
 
-export const useHabitCompletions = createQuery<Response, Variables, Error>({
+export const useHabitCompletions = createQuery<
+  SingleUserHabitCompletionsResponse,
+  SingleUserHabitCompletionsVariables,
+  Error
+>({
   queryKey: ['habit-completions'],
   fetcher: async (variables) => {
     const completions = mockHabitCompletions[variables.habitId];
@@ -28,12 +33,48 @@ export const useHabitCompletions = createQuery<Response, Variables, Error>({
     }
 
     const structuredCompletions: HabitCompletionWithDateInfoT[] =
-      getStructuredCompletionData(participantCompletions, 7);
+      getStructuredCompletionData(participantCompletions, variables.numDays);
 
     return await addTestDelay(structuredCompletions);
   },
 });
 
+type AllUsersHabitCompletionsResponse = {
+  [key: UserIdT]: HabitCompletionWithDateInfoT[];
+};
+type AllUsersHabitCompletionsVariables = {
+  habitId: HabitIdT;
+  numDays: number;
+};
+
+export const useAllUsersHabitCompletions = createQuery<
+  AllUsersHabitCompletionsResponse,
+  AllUsersHabitCompletionsVariables,
+  Error
+>({
+  queryKey: ['all-users-habit-completions'],
+  fetcher: async (variables) => {
+    const completions = mockHabitCompletions[variables.habitId];
+    if (!completions) {
+      throw new Error('Habit not found');
+    }
+
+    const result: { [key: UserIdT]: HabitCompletionWithDateInfoT[] } = {};
+    for (const userId in completions) {
+      const participantCompletions = completions[userId as UserIdT];
+      if (!participantCompletions) {
+        throw new Error('Participant not found');
+      }
+      result[userId as UserIdT] = getStructuredCompletionData(
+        participantCompletions,
+        variables.numDays,
+      );
+    }
+
+    return await addTestDelay(result);
+  },
+});
+
 function getStructuredCompletionData(
   completionData: ParticipantCompletionsT,
   numDays: number,

src/api/habits/use-modify-entry.tsx

@@ -96,8 +96,11 @@ export const useModifyHabitEntry = createMutation<Response, Variables, Error>({
     queryClient.invalidateQueries({
       queryKey: [
         'habit-completions',
-        { habitId: variables.habitId, userId: variables.userId },
+        { habitId: variables.habitId, userId: variables.userId, numDays: 7 },
       ],
     });
+    queryClient.invalidateQueries({
+      queryKey: ['all-users-habit-completions', { habitId: variables.habitId }],
+    });
   },
 });