Repository navigation
refactor: Use shared Avatar component in ComparisonTable for UI consistency #240
Description
src/features/comparison/components/comparison-table.tsx currently imports Next.js Image directly and applies custom ring/rounding styles rather than utilizing the shared Avatar component (@/components/layout/avatar).
Motivation
Using domain-agnostic shared components ensures consistent fallback behavior, image optimization, and unified styling across all pages.
Tasks
- Replace
next/imageinComparisonTablewithAvatarfrom@/components/layout/avatar. - Match avatar sizing with other comparison views.
- Verify image fallback behavior when user avatar fails to load.
- Run
npx tsc --noEmitandpnpm lint.
Tip
🚀 Want to contribute?
Comment assign me to be automatically assigned to this issue via our GitHub Actions bot. Happy coding! ✨
Activity
sulimanshams commentedon Oct 21, 2026
Hi! I'd like to work on this issue. Could you please assign it to me? I'll work on the refactoring and make sure the shared
Avatarcomponent is used consistently inComparisonTable. Thank you!github-actions commentedon Oct 21, 2026
🎉 Issue assigned to @sulimanshams! Happy coding!