Refactor: Change "Moderation Queue" to "Queue" on mobile

This commit is contained in:
gpt-engineer-app[bot]
2025-09-30 17:14:40 +00:00
parent 866f376eda
commit 20eca8c245

View File

@@ -3,6 +3,7 @@ import { useNavigate } from 'react-router-dom';
import { Shield, Users, FileText, Flag, AlertCircle } from 'lucide-react'; import { Shield, Users, FileText, Flag, AlertCircle } from 'lucide-react';
import { useUserRole } from '@/hooks/useUserRole'; import { useUserRole } from '@/hooks/useUserRole';
import { useAuth } from '@/hooks/useAuth'; import { useAuth } from '@/hooks/useAuth';
import { useIsMobile } from '@/hooks/use-mobile';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge'; import { Badge } from '@/components/ui/badge';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
@@ -14,6 +15,7 @@ import { supabase } from '@/integrations/supabase/client';
import { useRealtimeModerationStats } from '@/hooks/useRealtimeModerationStats'; import { useRealtimeModerationStats } from '@/hooks/useRealtimeModerationStats';
export default function Admin() { export default function Admin() {
const isMobile = useIsMobile();
const { user, loading: authLoading } = useAuth(); const { user, loading: authLoading } = useAuth();
const { isModerator, loading: roleLoading } = useUserRole(); const { isModerator, loading: roleLoading } = useUserRole();
const navigate = useNavigate(); const navigate = useNavigate();
@@ -142,7 +144,7 @@ export default function Admin() {
<TabsList className="grid w-full grid-cols-2"> <TabsList className="grid w-full grid-cols-2">
<TabsTrigger value="queue" className="flex items-center gap-2"> <TabsTrigger value="queue" className="flex items-center gap-2">
<FileText className="w-4 h-4" /> <FileText className="w-4 h-4" />
Moderation Queue {isMobile ? 'Queue' : 'Moderation Queue'}
</TabsTrigger> </TabsTrigger>
<TabsTrigger value="reports" className="flex items-center gap-2"> <TabsTrigger value="reports" className="flex items-center gap-2">
<Flag className="w-4 h-4" /> <Flag className="w-4 h-4" />