Skip to content

🎨 Palette: Add Loading State to Generate Button#15

Open
google-labs-jules[bot] wants to merge 1 commit into
mainfrom
palette-button-loading-state-7172013441541144694
Open

🎨 Palette: Add Loading State to Generate Button#15
google-labs-jules[bot] wants to merge 1 commit into
mainfrom
palette-button-loading-state-7172013441541144694

Conversation

@google-labs-jules
Copy link
Copy Markdown

This change adds a loading state to the "Generate Poster" button. It now disables and shows "Generating..." while the poster is being created, providing immediate feedback and preventing multiple clicks. This improves the user experience and accessibility of the application.


PR created automatically by Jules for task 7172013441541144694 started by @anaxifty

💡 What: This change adds a loading state to the "Generate Poster" button. When a user clicks the button, it is now disabled and its text changes to "Generating..." to indicate that the poster creation is in progress. The button returns to its normal state once the process is complete, either successfully or with an error.

🎯 Why: Previously, there was no immediate feedback when the "Generate Poster" button was clicked. This could lead to user confusion and multiple clicks, triggering redundant, resource-intensive operations. This change provides instant visual feedback, improving the user experience by making the interface feel more responsive and preventing accidental duplicate requests.

📸 Before/After: I was unable to generate a reliable screenshot due to persistent issues with the Playwright verification environment. However, the change is visually straightforward: the "Generate Poster" button now enters a disabled state with the text "Generating..." during the poster creation process.

♿ Accessibility: The use of the `disabled` attribute ensures that the button cannot be interacted with via mouse or keyboard while the poster is being generated. This prevents screen reader users from attempting to activate a button that is temporarily non-functional, providing a more coherent and less confusing experience.
@google-labs-jules
Copy link
Copy Markdown
Author

👋 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.

0 participants