Add Toast For Sending MFA SMS #18
Description
As a(n) User I want to see a confirmation toast when MFA codes are sent so that I know my authentication request is being processed.
Executive Summary
We need to implement a toast notification system that confirms when Multi-Factor Authentication (MFA) SMS codes are sent to users. Since the backend support is not yet available, we will implement a frontend draft with detailed comments and preparations for future backend integration. This will improve user experience by providing immediate feedback during the authentication process.
Acceptance Criteria
-
Implement toast notification component
- Design consistent with existing UI
- Appropriate duration (3-5 seconds)
- Smooth animation for appear/disappear
- Accessible design (ARIA labels)
-
Add toast trigger points
- Hook into MFA SMS send function
- Add placeholder for future API response handling
- Include loading state while "sending"
-
Toast content requirements
- Clear success message
- Masked phone number display (e.g., "--1234")
- Error state for failed attempts
- Resend option if applicable
In-Scope Files / Directories / Systems
Not Provided
Out-of-Scope Files / Directories / Systems
Not Provided
Issue Dependencies
Not Provided
Other Dependencies
Not Provided