Use context hooks.

2025-08-21 03:15:47 -07:00
parent 00adb00d2d
commit 600a3d28c3
13 changed files with 46 additions and 44 deletions
--- a/src/app/(main)/admin/users/[userId]/UserHeader.tsx
+++ b/src/app/(main)/admin/users/[userId]/UserHeader.tsx
@@ -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 />} />;
 }