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

Fix: Resolve UI jittering on initial load

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-10 15:04:04 +00:00
parent 88983dae3c
commit c4b3886ffc
3 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -108,7 +108,7 @@ export const QueueItem = memo(({
return (
<Card
key={item.id}
className={`border-l-4 ${!isInitialRender ? 'transition-opacity duration-200' : ''} ${
className={`border-l-4 ${
validationResult?.blockingErrors && validationResult.blockingErrors.length > 0 ? 'border-l-red-600' :
item.status === 'flagged' ? 'border-l-red-500' :
item.status === 'approved' ? 'border-l-green-500' :
@@ -118,7 +118,8 @@ export const QueueItem = memo(({
}`}
style={{
opacity: actionLoading === item.id ? 0.5 : 1,
pointerEvents: actionLoading === item.id ? 'none' : 'auto'
pointerEvents: actionLoading === item.id ? 'none' : 'auto',
transition: isInitialRender ? 'none' : 'opacity 200ms'
}}
>
<CardHeader className={isMobile ? "pb-3 p-4" : "pb-4"}>