Use context hooks.

This commit is contained in:
Mike Cao 2025-08-21 03:15:47 -07:00
parent 00adb00d2d
commit 600a3d28c3
13 changed files with 46 additions and 44 deletions

View file

@ -9,15 +9,13 @@ import {
PasswordField,
useToast,
} from '@umami/react-zen';
import { useApi, useLoginQuery, useMessages, useModified } from '@/components/hooks';
import { useApi, useLoginQuery, useMessages, useModified, useUser } from '@/components/hooks';
import { ROLES } from '@/lib/constants';
import { useContext } from 'react';
import { UserContext } from './UserProvider';
export function UserEditForm({ userId, onSave }: { userId: string; onSave?: () => void }) {
const { formatMessage, labels, messages, getMessage } = useMessages();
const { post, useMutation } = useApi();
const user = useContext(UserContext);
const user = useUser();
const { user: login } = useLoginQuery();
const { toast } = useToast();
const { touch } = useModified();

View file

@ -1,10 +1,9 @@
import { useContext } from 'react';
import { User } from '@/components/icons';
import { PageHeader } from '@/components/common/PageHeader';
import { UserContext } from '@/app/(main)/admin/users/[userId]/UserProvider';
import { useUser } from '@/components/hooks';
export function UserHeader() {
const user = useContext(UserContext);
const user = useUser();
return <PageHeader title={user?.username} icon={<User />} />;
}