diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 68d1339..a498575 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -275,8 +275,10 @@ export default function App() { // "Focus this channel in the manager": jump to the Channels page and seed its name filter // so the channel is isolated. Cleared when leaving the page so it doesn't re-apply later. const [focusChannelName, setFocusChannelName] = useState(null); + const [focusChannelToken, setFocusChannelToken] = useState(0); const focusChannel = (name: string) => { setFocusChannelName(name); + setFocusChannelToken((n) => n + 1); // re-seed even when the same channel is re-focused setChannelsView("subscribed"); // the name filter applies to the subscriptions table setPage("channels"); }; @@ -803,6 +805,7 @@ export default function App() { canWrite={meQuery.data!.can_write} isAdmin={meQuery.data!.role === "admin"} focusChannelName={focusChannelName} + focusChannelToken={focusChannelToken} onFocusChannel={focusChannel} statusFilter={channelFilter} setStatusFilter={setChannelFilter} diff --git a/frontend/src/components/AdminUsers.tsx b/frontend/src/components/AdminUsers.tsx index 20b69af..d112173 100644 --- a/frontend/src/components/AdminUsers.tsx +++ b/frontend/src/components/AdminUsers.tsx @@ -52,19 +52,25 @@ function UsersRoles({ me }: { me: Me }) { const qc = useQueryClient(); const confirm = useConfirm(); const q = useQuery({ queryKey: ["admin-users"], queryFn: api.adminUsers }); + // Which row currently has an action in flight, so we disable ONLY that row's button (mutations + // are single-flight, so one id suffices) rather than greying every row (SC1). + const [pendingId, setPendingId] = useState(null); const setRole = useMutation({ mutationFn: ({ id, role }: { id: number; role: "user" | "admin"; email: string }) => api.setUserRole(id, role), + onMutate: (vars) => setPendingId(vars.id), onSuccess: (_d, vars) => { qc.invalidateQueries({ queryKey: ["admin-users"] }); notify({ level: "success", message: t("users.roles.updated", { email: vars.email }) }); }, + onSettled: () => setPendingId(null), // Errors (e.g. last-admin / self) surface via the global error dialog with the server's detail. }); const suspend = useMutation({ mutationFn: ({ id, suspended }: { id: number; suspended: boolean; email: string }) => api.setUserSuspended(id, suspended), + onMutate: (vars) => setPendingId(vars.id), onSuccess: (_d, vars) => { qc.invalidateQueries({ queryKey: ["admin-users"] }); notify({ @@ -74,14 +80,17 @@ function UsersRoles({ me }: { me: Me }) { }), }); }, + onSettled: () => setPendingId(null), // Guards (demo / self / last admin) surface via the global error dialog. }); const del = useMutation({ mutationFn: ({ id }: { id: number; email: string }) => api.adminDeleteUser(id), + onMutate: (vars) => setPendingId(vars.id), onSuccess: (_d, vars) => { qc.invalidateQueries({ queryKey: ["admin-users"] }); notify({ level: "success", message: t("users.delete.done", { email: vars.email }) }); }, + onSettled: () => setPendingId(null), }); const onToggle = async (u: AdminUserRow) => { @@ -162,7 +171,7 @@ function UsersRoles({ me }: { me: Me }) { >