diff --git a/src/components/moderation/ModerationQueue.tsx b/src/components/moderation/ModerationQueue.tsx index 90ed51b5..67732044 100644 --- a/src/components/moderation/ModerationQueue.tsx +++ b/src/components/moderation/ModerationQueue.tsx @@ -1,5 +1,6 @@ import { useState, useImperativeHandle, forwardRef, useMemo } from 'react'; import { Card, CardContent } from '@/components/ui/card'; +import { TooltipProvider } from '@/components/ui/tooltip'; import { useToast } from '@/hooks/use-toast'; import { useUserRole } from '@/hooks/useUserRole'; import { useAuth } from '@/hooks/useAuth'; @@ -156,34 +157,36 @@ export const ModerationQueue = forwardRef((props, ref) => { statusFilter={queueManager.filters.statusFilter} /> ) : ( -
- {queueManager.items.map((item, index) => ( - queueManager.markInteracting(id, true)} - onInteractionBlur={(id) => queueManager.markInteracting(id, false)} - /> - ))} -
+ +
+ {queueManager.items.map((item, index) => ( + queueManager.markInteracting(id, true)} + onInteractionBlur={(id) => queueManager.markInteracting(id, false)} + /> + ))} +
+
)} {/* Pagination */} diff --git a/src/components/moderation/QueueItem.tsx b/src/components/moderation/QueueItem.tsx index 1a95d038..a007d7c2 100644 --- a/src/components/moderation/QueueItem.tsx +++ b/src/components/moderation/QueueItem.tsx @@ -7,6 +7,7 @@ import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'; import { Textarea } from '@/components/ui/textarea'; import { Label } from '@/components/ui/label'; import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'; +import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'; import { format } from 'date-fns'; import { SubmissionItemsList } from './SubmissionItemsList'; import { MeasurementDisplay } from '@/components/ui/measurement-display'; @@ -192,10 +193,18 @@ export const QueueItem = memo(({ /> )} -
- - {format(new Date(item.created_at), isMobile ? 'MMM d, yyyy' : 'MMM d, yyyy HH:mm')} -
+ + +
+ + {format(new Date(item.created_at), isMobile ? 'MMM d, HH:mm:ss' : 'MMM d, yyyy HH:mm:ss.SSS')} +
+
+ +

Full timestamp:

+

{item.created_at}

+
+
{item.user_profile && (