Skip to content

Build avatar, file upload (mock), and image crop UI #465

Description

@Abidoyesimze

Epic

Page Design Issues (Dummy Data Only)

Description

  • Create avatar component with placeholder, initials, and image
  • Build mock file upload flow with progress and cancellation
  • Add simple crop UI for square avatars (mock processing)
  • Design spec (must use; measurable):
    • Tokens per Issue 3
    • Avatar sizes: 24/32/40/64
    • Upload dropzone keyboard accessible; focus/hover states consistent
    • Crop handles 8–12px hit area

Acceptance criteria

  • Avatar component variants
  • Mock upload with progress and cancel
  • Crop UI works for square outputs
  • PR includes screenshots and demo GIF

Suggested GitHub labels

frontend, media, components, priority-medium


Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions