nns/food-market
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix(employees): после create — invalidate list query (не показывался сразу)

Browse source 
Найдено через UI-deep: после успешного создания нового сотрудника
EmployeesPage не вызывал refetch/invalidate на list-query, и список
показывал старые данные до ручного refresh страницы. Причина:
direct api.post вместо useCatalogMutations.create (нужен custom response
shape с generatedPassword для one-shot модалки).

Фикс: await qc.invalidateQueries({queryKey:[URL]}) сразу после успеха.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
nns 2026-05-30 13:06:57 +05:00
parent 87e60e7309
commit f36fb146b6
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/food-market.web/src/pages/EmployeesPage.tsx
View file

@ -1,5 +1,5 @@
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import { useQuery } from '@tanstack/react-query' import { useQuery, useQueryClient } from '@tanstack/react-query'
import { validateEmail, validatePhone } from '@/lib/validation' import { validateEmail, validatePhone } from '@/lib/validation'
import { Plus, Trash2, Copy } from 'lucide-react' import { Plus, Trash2, Copy } from 'lucide-react'
import { api, humanizeError } from '@/lib/api' import { api, humanizeError } from '@/lib/api'
@ -82,6 +82,7 @@ const blankForm = (): Form => ({
}) })
export function EmployeesPage() { export function EmployeesPage() {
const qc = useQueryClient()
const { update, remove } = useCatalogMutations(URL, URL) const { update, remove } = useCatalogMutations(URL, URL)
const [form, setForm] = useState<Form | null>(null) const [form, setForm] = useState<Form | null>(null)
// Сгенерированный пароль возвращается с сервера один раз — показываем // Сгенерированный пароль возвращается с сервера один раз — показываем
@ -140,6 +141,9 @@ export function EmployeesPage() {
} else { } else {
const res = await api.post<{ employee: EmployeeDto; generatedPassword: string | null }>(URL, payload) const res = await api.post<{ employee: EmployeeDto; generatedPassword: string | null }>(URL, payload)
setForm(null); setActiveEmployee(null); setFieldErrors({}) setForm(null); setActiveEmployee(null); setFieldErrors({})
// Direct api.post — invalidate сам, useCatalogMutations.create мы тут
// не используем (нужен custom response shape с generatedPassword).
await qc.invalidateQueries({ queryKey: [URL] })
// Если сервер вернул password — показываем модалку one-shot. // Если сервер вернул password — показываем модалку one-shot.
if (res.data.generatedPassword && res.data.employee.email) { if (res.data.generatedPassword && res.data.employee.email) {
setCreatedAccount({ email: res.data.employee.email, password: res.data.generatedPassword }) setCreatedAccount({ email: res.data.employee.email, password: res.data.generatedPassword })