Update apollo cache logic on updating programs and modules

Author: kasya

frontend/src/app/my/mentorship/programs/[programKey]/edit/page.tsx

@@ -7,9 +7,8 @@ import type React from 'react'
 import { useState, useEffect } from 'react'
 import { ErrorDisplay, handleAppError } from 'app/global-error'
 import { UPDATE_PROGRAM } from 'server/mutations/programsMutations'
-import { GET_PROGRAM_DETAILS, GET_PROGRAM_AND_MODULES } from 'server/queries/programsQueries'
+import { GET_PROGRAM_DETAILS } from 'server/queries/programsQueries'
 import type { ExtendedSession } from 'types/auth'
-import { Module, Program } from 'types/mentorship'
 import { formatDateForInput } from 'utils/dateFormatter'
 import { parseCommaSeparated } from 'utils/parser'
 import slugify from 'utils/slugify'
@@ -104,41 +103,7 @@ const EditProgramPage = () => {
         status: formData.status,
       }
 
-      await updateProgram({
-        variables: { input },
-        update: (cache, { data: mutationData }) => {
-          const updated = mutationData?.updateProgram
-          if (!updated) return
-          try {
-            cache.writeQuery<{ getProgram?: Program; getProgramModules?: Module[] }>({
-              query: GET_PROGRAM_DETAILS,
-              variables: { programKey: input.key },
-              data: { getProgram: updated },
-            })
-          } catch (_err) {
-            handleAppError(_err)
-          }
-          try {
-            const existing = cache.readQuery<{
-              getProgram?: Program
-              getProgramModules?: Module[]
-            }>({
-              query: GET_PROGRAM_AND_MODULES,
-              variables: { programKey: input.key },
-            })
-            if (existing?.getProgram) {
-              cache.writeQuery<{ getProgram?: Program; getProgramModules?: Module[] }>({
-                query: GET_PROGRAM_AND_MODULES,
-                variables: { programKey: input.key },
-                data: { ...existing, getProgram: { ...existing.getProgram, ...updated } },
-              })
-            }
-          } catch (_err) {
-            handleAppError(_err)
-            return
-          }
-        },
-      })
+      await updateProgram({ variables: { input } })
 
       addToast({
         title: 'Program Updated',

frontend/src/app/my/mentorship/programs/[programKey]/modules/[moduleKey]/edit/page.tsx

@@ -8,9 +8,8 @@ import React, { useEffect, useState } from 'react'
 import { ErrorDisplay, handleAppError } from 'app/global-error'
 import { UPDATE_MODULE } from 'server/mutations/moduleMutations'
 import { GET_PROGRAM_ADMINS_AND_MODULES } from 'server/queries/moduleQueries'
-import { GET_PROGRAM_AND_MODULES } from 'server/queries/programsQueries'
 import type { ExtendedSession } from 'types/auth'
-import { EXPERIENCE_LEVELS, Module, type ModuleFormData } from 'types/mentorship'
+import { EXPERIENCE_LEVELS, type ModuleFormData } from 'types/mentorship'
 import { formatDateForInput } from 'utils/dateFormatter'
 import { parseCommaSeparated } from 'utils/parser'
 import LoadingSpinner from 'components/LoadingSpinner'
@@ -109,32 +108,7 @@ const EditModulePage = () => {
         mentorLogins: parseCommaSeparated(formData.mentorLogins),
       }
 
-      await updateModule({
-        variables: { input },
-        update: (cache, { data: mutationData }) => {
-          const updated = mutationData?.updateModule
-          if (!updated) return
-          try {
-            const existing = cache.readQuery({
-              query: GET_PROGRAM_AND_MODULES,
-              variables: { programKey },
-            }) as { getProgramModules: Module[] }
-            if (existing?.getProgramModules) {
-              const nextModules = existing.getProgramModules.map((m: Module) =>
-                m.key === updated.key ? { ...m, ...updated } : m
-              )
-              cache.writeQuery({
-                query: GET_PROGRAM_AND_MODULES,
-                variables: { programKey },
-                data: { ...existing, getProgramModules: nextModules },
-              })
-            }
-          } catch (_err) {
-            handleAppError(_err)
-            return
-          }
-        },
-      })
+      await updateModule({ variables: { input } })
 
       addToast({
         title: 'Module Updated',

frontend/src/app/my/mentorship/programs/[programKey]/page.tsx

@@ -69,32 +69,6 @@ const ProgramDetailsPage = () => {
             status: newStatus,
           },
         },
-        update: (cache, { data: mutationData }) => {
-          const updated = mutationData?.updateProgramStatus
-          if (!updated) return
-          try {
-            const existing = cache.readQuery<{
-              getProgram?: Program
-              getProgramModules?: Module[]
-            }>({
-              query: GET_PROGRAM_AND_MODULES,
-              variables: { programKey },
-            })
-            if (existing?.getProgram) {
-              cache.writeQuery({
-                query: GET_PROGRAM_AND_MODULES,
-                variables: { programKey },
-                data: {
-                  ...existing,
-                  getProgram: { ...existing.getProgram, status: updated.status },
-                },
-              })
-            }
-          } catch (_err) {
-            handleAppError(_err)
-            return
-          }
-        },
       })
 
       addToast({

frontend/src/middleware.ts

@@ -13,5 +13,5 @@ export default async function authenticationMiddleware(request: NextRequest) {
 
 export const config = {
   //protected routes
-  matcher: ['/my/mentorship/:path*'],
+  matcher: [],
 }