Skip to content

Conversation

@jezweb
Copy link

@jezweb jezweb commented Nov 8, 2025

Summary

Adds clear user feedback during todo creation and editing using toast notifications.

Changes

  • Import react-hot-toast and useRouter in todo-form component
  • Use toast.promise() to show loading, success, and error states
  • Display "Creating/Updating todo..." during operation
  • Show success message before redirect completes

Benefits

  • Clear feedback: Users see confirmation that their action succeeded
  • Loading state: Shows "Creating/Updating todo..." during operation
  • Error handling: Displays specific error messages if operation fails
  • Professional UX: Modern promise-based toast pattern

User Experience

Before: Form submits → redirect happens → no feedback
After: Form submits → "Creating todo..." → "Todo created successfully!" → redirect

Testing

  1. Create a new todo → see "Creating todo..." then "Todo created successfully!"
  2. Edit existing todo → see "Updating todo..." then "Todo updated successfully!"
  3. Verify redirect still works after success message

Addresses missing success feedback identified in UX improvement audit.

- Import react-hot-toast and useRouter
- Use toast.promise to show loading/success/error states
- Show 'Creating/Updating todo...' during operation
- Show success message before redirect
- Provides clear user feedback for save operations

Enhances UX by confirming successful todo creation/updates
before redirect happens.
@coderabbitai
Copy link

coderabbitai bot commented Nov 8, 2025

Warning

Rate limit exceeded

@jezweb has exceeded the limit for the number of commits or files that can be reviewed per hour. Please wait 9 minutes and 4 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

📥 Commits

Reviewing files that changed from the base of the PR and between a44687a and 1f0d87e.

📒 Files selected for processing (1)
  • src/modules/todos/components/todo-form.tsx (3 hunks)
✨ Finishing touches
  • 📝 Generate docstrings
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

jezweb pushed a commit to jezweb/full-flare-stack that referenced this pull request Nov 8, 2025
jezweb pushed a commit to jezweb/full-flare-stack that referenced this pull request Nov 8, 2025
- Filter out NEXT_REDIRECT errors in toast.promise error handler
- NEXT_REDIRECT is Next.js flow control, not an actual error
- Fixes interaction issue between PR ifindev#19 and PR ifindev#23
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