Skip to content

refactor: Use shared Avatar component in ComparisonTable for UI consistency #240

Open

Description

@O2sa

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/image in ComparisonTable with Avatar from @/components/layout/avatar.
  • Match avatar sizing with other comparison views.
  • Verify image fallback behavior when user avatar fails to load.
  • Run npx tsc --noEmit and pnpm lint.

Tip

🚀 Want to contribute?
Comment assign me to be automatically assigned to this issue via our GitHub Actions bot. Happy coding! ✨

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

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions