perf: 支持删除关卡

This commit is contained in:
richarjiang
2026-04-05 20:31:56 +08:00
parent f8f6f17bd4
commit 6e19bfa661
3 changed files with 167 additions and 29 deletions

View File

@@ -1,7 +1,7 @@
'use client'
import { useState } from 'react'
import { useQuery } from '@tanstack/react-query'
import { useQuery, useQueryClient } from '@tanstack/react-query'
import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
import { Header } from '@/components/layout/header'
@@ -20,6 +20,7 @@ export default function WxUsersPage() {
const [search, setSearch] = useState('')
const [selectedUser, setSelectedUser] = useState<WxUser | null>(null)
const [isDialogOpen, setIsDialogOpen] = useState(false)
const queryClient = useQueryClient()
const { data, isLoading, error } = useQuery<UsersResponse>({
queryKey: ['wx-users', search],
@@ -52,6 +53,10 @@ export default function WxUsersPage() {
}
}
const handleDeleted = () => {
queryClient.invalidateQueries({ queryKey: ['wx-users'] })
}
const formatDate = (date: Date | string) => {
return new Date(date).toLocaleDateString('zh-CN', {
year: 'numeric',
@@ -189,6 +194,7 @@ export default function WxUsersPage() {
open={isDialogOpen}
onOpenChange={handleDialogOpenChange}
user={userDetails}
onDeleted={handleDeleted}
/>
</div>
)