Skip to content

feat(frontend): add loading state and disable buttons during active requests#433

Open
Arijit429 wants to merge 5 commits into
fireform-core:mainfrom
Arijit429:frontend-loading-state-ux
Open

feat(frontend): add loading state and disable buttons during active requests#433
Arijit429 wants to merge 5 commits into
fireform-core:mainfrom
Arijit429:frontend-loading-state-ux

Conversation

@Arijit429
Copy link
Copy Markdown

🚀 Summary

This PR improves frontend production readiness by adding visible loading states and disabling action buttons while API requests are in progress.

The goal is to provide clearer user feedback and prevent repeated interactions during active request flows.


✨ What Changed

Updated the frontend request workflows in:

frontend/app.js
frontend/index.html

Added visible loading state handling

For both primary user workflows:

  • Create Template
  • Fill Form

the submit buttons now:

  • become disabled while the request is active
  • show temporary loading text
  • restore their original state after completion

Examples:

Create Template → Creating...
Fill Form → Submitting...

💡 Why This Helps

Previously, requests were internally protected from duplicate submissions, but there was no clear visual feedback to the user.

This update improves:

  • user experience clarity
  • professional UI behavior
  • confidence during longer-running API calls
  • prevention of repeated clicks caused by uncertainty

This pairs well with the earlier duplicate-request protection logic.


🎯 Production Impact

This makes the frontend feel significantly more production-ready by improving request-flow transparency and reducing accidental repeated interactions.

It strengthens the overall user workflow reliability for real-world usage.

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