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

Reverted to commit 095907b3a5

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-04 19:16:36 +00:00
parent 58c28a37eb
commit 065b1b4be5
15 changed files with 257 additions and 680 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/moderation/ReportsQueue.tsx
View File

@@ -212,44 +212,47 @@ export const ReportsQueue = forwardRef<ReportsQueueRef>((props, ref) => {
}
return (
<div className="space-y-4">
<div className="space-y-6">
{reports.map((report) => (
<Card key={report.id} className="border-border/50 relative before:absolute before:left-0 before:top-0 before:bottom-0 before:w-1 before:bg-red-500/50 before:rounded-l">
<CardHeader className="pb-3 pt-4">
<div className="flex items-start justify-between gap-4">
<div className="flex items-center gap-2 flex-wrap">
<Badge variant="destructive" className="text-xs">
<Card key={report.id} className="border-l-4 border-l-red-500">
<CardHeader className="pb-4">
<div className="flex items-center justify-between">
<div className="flex items-center gap-3">
<Badge variant="destructive">
<Flag className="w-3 h-3 mr-1" />
{REPORT_TYPE_LABELS[report.report_type as keyof typeof REPORT_TYPE_LABELS]}
</Badge>
<Badge variant="outline" className="text-xs">
<Badge variant="outline">
{report.reported_entity_type}
</Badge>
</div>
<div className="flex items-center gap-1.5 text-xs text-muted-foreground whitespace-nowrap">
<Calendar className="w-3 h-3" />
{format(new Date(report.created_at), 'MMM d, HH:mm')}
<div className="flex items-center gap-2 text-sm text-muted-foreground">
<Calendar className="w-4 h-4" />
{format(new Date(report.created_at), 'MMM d, yyyy HH:mm')}
</div>
</div>
{report.reporter_profile && (
<div className="flex items-center gap-2 text-xs text-muted-foreground mt-2">
<User className="w-3 h-3" />
<span className="font-medium text-foreground">
<div className="flex items-center gap-2 text-sm">
<User className="w-4 h-4 text-muted-foreground" />
<span>Reported by:</span>
<span className="font-medium">
{report.reporter_profile.display_name || report.reporter_profile.username}
</span>
{report.reporter_profile.display_name && (
<span>@{report.reporter_profile.username}</span>
<span className="text-muted-foreground">
@{report.reporter_profile.username}
</span>
)}
</div>
)}
</CardHeader>
<CardContent className="space-y-3 pt-0">
<CardContent className="space-y-4">
{report.reason && (
<div>
<Label className="text-xs text-muted-foreground">Reason</Label>
<p className="text-sm bg-muted/30 p-2.5 rounded-lg mt-1">
<Label>Report Reason:</Label>
<p className="text-sm bg-muted/50 p-3 rounded-lg mt-1">
{report.reason}
</p>
</div>
@@ -257,17 +260,17 @@ export const ReportsQueue = forwardRef<ReportsQueueRef>((props, ref) => {
{report.reported_content && (
<div>
<Label className="text-xs text-muted-foreground">Reported Content</Label>
<div className="bg-muted/30 border border-border/50 p-3 rounded-lg mt-1">
<Label>Reported Content:</Label>
<div className="bg-destructive/5 border border-destructive/20 p-4 rounded-lg mt-1">
{report.reported_entity_type === 'review' && (
<div>
{report.reported_content.title && (
<h4 className="font-medium text-sm mb-1.5">{report.reported_content.title}</h4>
<h4 className="font-semibold mb-2">{report.reported_content.title}</h4>
)}
{report.reported_content.content && (
<p className="text-sm text-muted-foreground mb-2">{report.reported_content.content}</p>
<p className="text-sm mb-2">{report.reported_content.content}</p>
)}
<div className="text-xs text-muted-foreground">
<div className="text-sm text-muted-foreground">
Rating: {report.reported_content.rating}/5
</div>
</div>
@@ -276,11 +279,10 @@ export const ReportsQueue = forwardRef<ReportsQueueRef>((props, ref) => {
</div>
)}
<div className="flex gap-2 pt-1">
<div className="flex gap-2 pt-2">
<Button
onClick={() => handleReportAction(report.id, 'reviewed')}
disabled={actionLoading === report.id}
size="sm"
className="flex-1"
>
<CheckCircle className="w-4 h-4 mr-2" />
@@ -288,7 +290,6 @@ export const ReportsQueue = forwardRef<ReportsQueueRef>((props, ref) => {
</Button>
<Button
variant="outline"
size="sm"
onClick={() => handleReportAction(report.id, 'dismissed')}
disabled={actionLoading === report.id}
className="flex-1"