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

Reverted to commit 415aa45f4c

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-15 15:14:51 +00:00
parent 644e915096
commit 92759f917d
3 changed files with 23 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/moderation/QueueItem.tsx
View File

@@ -233,8 +233,8 @@ export const QueueItem = memo(({
)}
</CardHeader>
<CardContent className={`${isMobile ? 'p-4 pt-0 space-y-4' : 'grid grid-cols-1 lg:grid-cols-2 gap-6'}`}>
<div className={`bg-muted/50 rounded-lg ${isMobile ? 'p-3' : 'p-4'} ${isMobile ? '' : 'lg:col-span-1'}`}>
<CardContent className={`space-y-4 ${isMobile ? 'p-4 pt-0' : ''}`}>
<div className={`bg-muted/50 rounded-lg ${isMobile ? 'p-3' : 'p-4'}`}>
{item.type === 'review' ? (
<div>
{item.content.title && (
@@ -363,27 +363,7 @@ export const QueueItem = memo(({
)}
</div>
{/* Notes and metadata column on desktop */}
<div className={`space-y-4 ${isMobile ? '' : 'lg:col-span-1'}`}>
{(item.status === 'pending' || item.status === 'flagged') && (
<div className="space-y-2">
<Label htmlFor={`notes-${item.id}`}>Moderation Notes</Label>
<Textarea
id={`notes-${item.id}`}
placeholder="Add notes about your moderation decision..."
value={notes[item.id] || ''}
onChange={(e) => onNoteChange(item.id, e.target.value)}
onFocus={() => onInteractionFocus(item.id)}
onBlur={() => onInteractionBlur(item.id)}
rows={isMobile ? 2 : 6}
disabled={isLockedByOther || currentLockSubmissionId !== item.id}
/>
</div>
)}
</div>
{/* Action buttons - full width below columns */}
<div className={`${isMobile ? '' : 'lg:col-span-2'} space-y-4`}>
{/* Action buttons based on status */}
{(item.status === 'pending' || item.status === 'flagged') && (
<>
{/* Claim button for unclaimed submissions */}
@@ -419,7 +399,21 @@ export const QueueItem = memo(({
</div>
)}
<div className={isMobile ? 'flex flex-col gap-2 pt-2' : 'grid grid-cols-2 lg:grid-cols-4 gap-2 pt-2'}>
<div className="space-y-2">
<Label htmlFor={`notes-${item.id}`}>Moderation Notes (optional)</Label>
<Textarea
id={`notes-${item.id}`}
placeholder="Add notes about your moderation decision..."
value={notes[item.id] || ''}
onChange={(e) => onNoteChange(item.id, e.target.value)}
onFocus={() => onInteractionFocus(item.id)}
onBlur={() => onInteractionBlur(item.id)}
rows={2}
disabled={isLockedByOther || currentLockSubmissionId !== item.id}
/>
</div>
<div className={`flex gap-2 pt-2 ${isMobile ? 'flex-col' : 'flex-col sm:flex-row'}`}>
{/* Show Review Items button for content submissions */}
{item.type === 'content_submission' && (
<>
@@ -427,7 +421,7 @@ export const QueueItem = memo(({
onClick={() => onOpenReviewManager(item.id)}
disabled={actionLoading === item.id || isLockedByOther || currentLockSubmissionId !== item.id}
variant="outline"
className={isMobile ? 'h-11' : ''}
className={`flex-1 ${isMobile ? 'h-11' : ''}`}
size={isMobile ? "default" : "default"}
>
<ListTree className={isMobile ? "w-5 h-5 mr-2" : "w-4 h-4 mr-2"} />
@@ -459,7 +453,7 @@ export const QueueItem = memo(({
<Button
onClick={() => onApprove(item, 'approved', notes[item.id])}
disabled={actionLoading === item.id || isLockedByOther || currentLockSubmissionId !== item.id}
className={isMobile ? 'h-11' : ''}
className={`flex-1 ${isMobile ? 'h-11' : ''}`}
size={isMobile ? "default" : "default"}
>
<CheckCircle className={isMobile ? "w-5 h-5 mr-2" : "w-4 h-4 mr-2"} />
@@ -469,7 +463,7 @@ export const QueueItem = memo(({
variant="destructive"
onClick={() => onApprove(item, 'rejected', notes[item.id])}
disabled={actionLoading === item.id || isLockedByOther || currentLockSubmissionId !== item.id}
className={isMobile ? 'h-11' : ''}
className={`flex-1 ${isMobile ? 'h-11' : ''}`}
size={isMobile ? "default" : "default"}
>
<XCircle className={isMobile ? "w-5 h-5 mr-2" : "w-4 h-4 mr-2"} />
@@ -628,7 +622,6 @@ export const QueueItem = memo(({
</Button>
</div>
)}
</div>
</CardContent>
</Card>
);