diff --git a/components/CoinsManager.tsx b/components/CoinsManager.tsx index f973830..e392d25 100644 --- a/components/CoinsManager.tsx +++ b/components/CoinsManager.tsx @@ -43,6 +43,7 @@ export default function CoinsManager() { const highlightId = searchParams.get('highlight') const userIdFromQuery = searchParams.get('user') // Get user ID from query const transactionRefs = useRef>({}); + const PAGE_ENTRY_COUNTS = [10, 50, 100, 500]; // Effect to set selected user from query param if admin useEffect(() => { @@ -237,9 +238,7 @@ export default function CoinsManager() { setCurrentPage(1) // Reset to first page when changing page size }} > - - - + {PAGE_ENTRY_COUNTS.map(n => )} entries @@ -275,6 +274,7 @@ export default function CoinsManager() { } const isHighlighted = transaction.id === highlightId; + const transactionUser = usersData.users.find(u => u.id === transaction.userId); return (
u.id === transaction.userId)?.avatarPath ? - `/api/avatars/${usersData.users.find(u => u.id === transaction.userId)?.avatarPath?.split('/').pop()}` : undefined} - alt={usersData.users.find(u => u.id === transaction.userId)?.username} + src={transactionUser?.avatarPath ? + `/api/avatars/${transactionUser?.avatarPath?.split('/').pop()}` : undefined} + alt={transactionUser?.username} /> - {usersData.users.find(u => u.id === transaction.userId)?.username?.[0] || '?'} + {transactionUser?.username?.[0] || '?'} )}