Skip to content

🎨 Palette: Add Loading State to Generate Button#7

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

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

Conversation

@google-labs-jules
Copy link
Copy Markdown

💡 What

Added a loading state to the "Generate Poster" button. When clicked, the button is now disabled and its text changes to "Generating..." to provide clear feedback to the user.

🎯 Why

Previously, clicking the "Generate Poster" button gave no immediate feedback, which could lead users to click it multiple times, thinking it was unresponsive. This change prevents confusion and accidental multiple submissions.

📸 Before/After

I was unable to generate a reliable screenshot due to the brittle frontend verification environment. However, the change is straightforward:

  • Before: The button remained active and unchanged after clicking.
  • After: The button becomes disabled and reads "Generating..." until the poster is created or an error occurs.

♿ Accessibility

This change improves the user experience for everyone by providing clear visual feedback on the button's state, reducing uncertainty and potential frustration.


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

Implement a loading state for the "Generate Poster" button to provide better user feedback during an asynchronous operation.

- Disable the button on click to prevent multiple submissions.
- Change button text to "Generating..." to indicate progress.
- Re-enable the button and restore its original text after the operation completes (on both success and error).
@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!


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

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

@netlify
Copy link
Copy Markdown

netlify Bot commented Dec 25, 2025

Deploy Preview for print-stream ready!

Name Link
🔨 Latest commit c3167d3
🔍 Latest deploy log https://app.netlify.com/projects/print-stream/deploys/694d99bedae7f10008465e95
😎 Deploy Preview https://deploy-preview-7--print-stream.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

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