diff --git a/src/components/layout/AdminHeader.tsx b/src/components/layout/AdminHeader.tsx
new file mode 100644
index 00000000..3f10ff27
--- /dev/null
+++ b/src/components/layout/AdminHeader.tsx
@@ -0,0 +1,40 @@
+import { Shield, ArrowLeft, Settings } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Link } from 'react-router-dom';
+import { ThemeToggle } from '@/components/theme/ThemeToggle';
+import { AuthButtons } from '@/components/auth/AuthButtons';
+
+export function AdminHeader() {
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/Admin.tsx b/src/pages/Admin.tsx
index 42eb32c4..71db9387 100644
--- a/src/pages/Admin.tsx
+++ b/src/pages/Admin.tsx
@@ -10,6 +10,7 @@ import { ModerationQueue } from '@/components/moderation/ModerationQueue';
import { ReportsQueue } from '@/components/moderation/ReportsQueue';
import { UserRoleManager } from '@/components/moderation/UserRoleManager';
import { ProfileManager } from '@/components/moderation/ProfileManager';
+import { AdminHeader } from '@/components/layout/AdminHeader';
export default function Admin() {
const { user, loading: authLoading } = useAuth();
@@ -48,16 +49,14 @@ export default function Admin() {
}
return (
-
-
-
-
-
Admin Dashboard
+ <>
+
+
+
+
+ Manage content moderation and user roles
+
-
- Manage content moderation and user roles
-
-
@@ -176,6 +175,7 @@ export default function Admin() {
-
+
+ >
);
}
\ No newline at end of file