Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

✨ Improvement: Add loading spinner icon during form submission #574

Closed
2 tasks done
SinghAstra opened this issue Nov 6, 2024 · 1 comment Β· May be fixed by #582
Closed
2 tasks done

✨ Improvement: Add loading spinner icon during form submission #574

SinghAstra opened this issue Nov 6, 2024 · 1 comment Β· May be fixed by #582

Comments

@SinghAstra
Copy link
Contributor

πŸ“œ Description

Currently, the signup and signin form shows only text feedback ("Please wait...") during form submission. Adding a loading spinner would improve the user experience by providing better visual feedback.

Proposed changes:

  1. Add Loader icon from lucide-react during form submission
  2. Place the loader next to "Please wait..." text
  3. Maintain consistent styling using Tailwind CSS

Current behavior:
Button shows only text: "Please wait..."

Proposed behavior:
Button shows: [Loader icon] "Please wait..."

Technical implementation:

  • Use lucide-react's Loader2 component
  • Add Tailwind CSS animation for smooth spinning
  • Maintain existing button states and accessibility

πŸ‘Ÿ Reproduction steps

No response

πŸ‘ Expected behavior

No response

πŸ“ƒ Provide any additional context for the Bug.

No response

πŸ‘€ Have you spent some time to check if this bug has been raised before?

  • I checked and didn't find similar issue

🏒 Have you read the Contributing Guidelines?

@lucky29-git
Copy link

Can I work on this? @SinghAstra @VineeTagarwaL-code

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 a pull request may close this issue.

2 participants