pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-20 16:11:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix: "Rendered more hooks than during previous render" error

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-28 18:11:44 +00:00
parent 2b8ee9061e
commit c8c210a6e5
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/admin/AdminContact.tsx
View File

@@ -97,23 +97,6 @@ export default function AdminContact() {
const [emailThreads, setEmailThreads] = useState<EmailThread[]>([]); const [emailThreads, setEmailThreads] = useState<EmailThread[]>([]);
const [loadingThreads, setLoadingThreads] = useState(false); const [loadingThreads, setLoadingThreads] = useState(false);
// Admin-only access check
if (!isAdmin()) {
return (
<div className="flex items-center justify-center min-h-screen">
<Card className="max-w-md">
<CardContent className="pt-6 text-center">
<AlertCircle className="h-12 w-12 text-destructive mx-auto mb-4" />
<h2 className="text-xl font-semibold mb-2">Access Denied</h2>
<p className="text-muted-foreground">
Email response features are only available to administrators.
</p>
</CardContent>
</Card>
</div>
);
}
// Fetch contact submissions // Fetch contact submissions
const { data: submissions, isLoading } = useQuery({ const { data: submissions, isLoading } = useQuery({
queryKey: ['admin-contact-submissions', statusFilter, categoryFilter, searchQuery], queryKey: ['admin-contact-submissions', statusFilter, categoryFilter, searchQuery],
@@ -275,6 +258,23 @@ export default function AdminContact() {
return cat?.label || category; return cat?.label || category;
}; };
// Admin-only access check (after all hooks)
if (!isAdmin()) {
return (
<div className="flex items-center justify-center min-h-screen">
<Card className="max-w-md">
<CardContent className="pt-6 text-center">
<AlertCircle className="h-12 w-12 text-destructive mx-auto mb-4" />
<h2 className="text-xl font-semibold mb-2">Access Denied</h2>
<p className="text-muted-foreground">
Email response features are only available to administrators.
</p>
</CardContent>
</Card>
</div>
);
}
// Theme-aware EmailThreadItem component // Theme-aware EmailThreadItem component
function EmailThreadItem({ thread }: { thread: EmailThread }) { function EmailThreadItem({ thread }: { thread: EmailThread }) {
const isOutbound = thread.direction === 'outbound'; const isOutbound = thread.direction === 'outbound';