gsadmin/certctl
1
0
Fork 0
mirror of https://github.com/shankar0123/certctl.git synced 2026-06-12 22:38:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

M-029 Pass 1 batch 4: migrate 5 more 3-mutation pages to useTrackedMutation

Browse Source 
Drains 15 more useMutation sites (33 -> 18). All five pages follow the same

create/update/delete CRUD shape — invalidates the page's primary list query.

Pages migrated:

  - OwnersPage.tsx           CRUD invalidates [['owners']]

                              (queryClient kept — modal onSuccess props use it)

  - PoliciesPage.tsx         toggle/delete/create invalidates [['policies']]

                              (queryClient kept — modal onSuccess prop uses it)

  - ProfilesPage.tsx         CRUD invalidates [['profiles']]

                              (queryClient kept — modal onSuccess prop uses it)

  - RenewalPoliciesPage.tsx  CRUD invalidates [['renewal-policies']]

                              (queryClient + useQueryClient dropped)

  - TeamsPage.tsx            CRUD invalidates [['teams']]

                              (queryClient kept — modal onSuccess props use it)

Verification:

  legacy useMutation count   33 -> 18 (-15)

  useTrackedMutation count   23 -> 38 (+15)

Closes 38 of 56 sites toward M-029 Pass 1 completion (68%).
This commit is contained in:
shankar0123
2026-04-27 02:48:35 +00:00
parent 8dc58df1c1
commit ec3772d4e3
5 changed files with 40 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/pages/ProfilesPage.tsx
+8 -7
View File
@@ -1,5 +1,6 @@
import { useEffect, useState } from 'react';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import { useQuery, useQueryClient } from '@tanstack/react-query';
import { useTrackedMutation } from '../hooks/useTrackedMutation';
import { getProfiles, deleteProfile, createProfile, updateProfile } from '../api/client';
import PageHeader from '../components/PageHeader';
import DataTable from '../components/DataTable';
@@ -300,23 +301,23 @@ export default function ProfilesPage() {
queryFn: () => getProfiles(),
});
const deleteMutation = useMutation({
const deleteMutation = useTrackedMutation({
mutationFn: deleteProfile,
onSuccess: () => queryClient.invalidateQueries({ queryKey: ['profiles'] }),
invalidates: [['profiles']],
});
const createMutation = useMutation({
const createMutation = useTrackedMutation({
mutationFn: createProfile,
invalidates: [['profiles']],
onSuccess: () => {
queryClient.invalidateQueries({ queryKey: ['profiles'] });
setShowCreate(false);
},
});
const updateMutation = useMutation({
const updateMutation = useTrackedMutation({
mutationFn: ({ id, data }: { id: string; data: Partial<CertificateProfile> }) => updateProfile(id, data),
invalidates: [['profiles']],
onSuccess: () => {
queryClient.invalidateQueries({ queryKey: ['profiles'] });
setEditingProfile(null);
},
});