Skip to content

fix(perf): prevent FilterSidebar changes from causing full list re-renders#564

Open
Moonwalker-rgb wants to merge 2 commits into
MettaChain:mainfrom
Moonwalker-rgb:fix/457-filtersidebar-rerender
Open

fix(perf): prevent FilterSidebar changes from causing full list re-renders#564
Moonwalker-rgb wants to merge 2 commits into
MettaChain:mainfrom
Moonwalker-rgb:fix/457-filtersidebar-rerender

Conversation

@Moonwalker-rgb

Copy link
Copy Markdown

Summary

Fixes #457

Prevents FilterSidebar state changes from causing unnecessary full property list re-renders.

Changes

  • FilterSidebar.tsx: Wrap component in React.memo
  • properties/page.tsx: Wrap all callbacks (page change, sort, view mode, filters) in useCallback

Testing

  • TypeScript compilation: no new errors introduced
  • All modified files pass type-checking

Closes #457

…bility (MettaChain#455)

Replace key={index} with stable composite keys across components
where lists can mutate, improving screen-reader announcements:

- MultiChainPortfolio: use propertyId-fromChain-toChain for bridge suggestions
- WalletModal: use content+index for warning/block messages
- SecureTransactionConfirmation: use content+index for warning/risk messages
- TransactionConfirmation: use content+index for warning/block messages

Closes MettaChain#455
@drips-wave

drips-wave Bot commented Jun 27, 2026

Copy link
Copy Markdown

@Moonwalker-rgb Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Copy link
Copy Markdown
Contributor

Your changes are subsumed by #562 (same files, identical diffs). Closing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

perf: FilterSidebar changes bubble up to full list re-render

2 participants