Refactor: Suppress initial render transitions

This commit is contained in:
gpt-engineer-app[bot]
2025-10-10 15:00:29 +00:00
parent 4960caa41a
commit 88983dae3c
2 changed files with 14 additions and 1 deletions

View File

@@ -53,6 +53,7 @@ interface QueueItemProps {
isAdmin: boolean;
isSuperuser: boolean;
queueIsLoading: boolean;
isInitialRender?: boolean;
onNoteChange: (id: string, value: string) => void;
onApprove: (item: ModerationItem, action: 'approved' | 'rejected', notes?: string) => void;
onResetToPending: (item: ModerationItem) => void;
@@ -86,6 +87,7 @@ export const QueueItem = memo(({
isAdmin,
isSuperuser,
queueIsLoading,
isInitialRender = false,
onNoteChange,
onApprove,
onResetToPending,
@@ -106,7 +108,7 @@ export const QueueItem = memo(({
return (
<Card
key={item.id}
className={`border-l-4 transition-opacity duration-200 ${
className={`border-l-4 ${!isInitialRender ? 'transition-opacity duration-200' : ''} ${
validationResult?.blockingErrors && validationResult.blockingErrors.length > 0 ? 'border-l-red-600' :
item.status === 'flagged' ? 'border-l-red-500' :
item.status === 'approved' ? 'border-l-green-500' :