Skip to content

🎨 Palette: Improve My Contributions UX#62

Open
godie wants to merge 1 commit intomasterfrom
palette-my-contributions-ux-14722815499084956747
Open

🎨 Palette: Improve My Contributions UX#62
godie wants to merge 1 commit intomasterfrom
palette-my-contributions-ux-14722815499084956747

Conversation

@godie
Copy link
Copy Markdown
Owner

@godie godie commented Feb 28, 2026

This PR improves the micro-UX of the "My Contributions" page by replacing the plain empty state with a more helpful card that includes a call-to-action to encourage users to contribute. It also standardizes loading and badge styles for a more cohesive UI.

💡 What:

  • New empty state with icon and "Nueva Contribución" button.
  • Standardized loading wrapper.
  • Badge styling consistent with other parts of the app.
  • Accessibility fixes (ARIA for icons).
  • Logic fix for error/empty state exclusivity.

🎯 Why:

  • Provides a better user experience for new users with no history.
  • Encourages contribution behavior.
  • Ensures UI consistency across the platform.

♿ Accessibility:

  • Added aria-hidden="true" to decorative icons to reduce screen reader noise.
  • Maintained semantic structure for tables and lists.

PR created automatically by Jules for task 14722815499084956747 started by @godie

- Added a descriptive empty state card with a "Nueva Contribución" CTA when no contributions are found.
- Standardized loading feedback using the `enarm-loading-wrapper` utility class.
- Standardized badges using the `enarm-badge-pill` class for theme consistency.
- Improved accessibility by adding `aria-hidden="true"` to decorative icons.
- Refined conditional rendering to ensure error and empty states are mutually exclusive.
- Cleaned up unused imports and local development artifacts.

Co-authored-by: godie <227743+godie@users.noreply.github.com>
@google-labs-jules
Copy link
Copy Markdown
Contributor

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

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.

1 participant