Implementation:FlowiseAI Flowise VerifyEmail
| Knowledge Sources | |
|---|---|
| Domains | Authentication, UI Components |
| Last Updated | 2026-02-12 07:00 GMT |
Overview
VerifyEmail is a React view component that handles email verification by extracting a token from the URL query parameters, calling the account verification API, and displaying the verification status (loading, success, or failure) to the user.
Description
This component is rendered when a user clicks an email verification link. It reads the token query parameter from the URL using React Router's useSearchParams, sends it to the accountApi.verifyAccountEmail endpoint via the useApi hook, and displays one of three states: a loading spinner while the verification is in progress, a green success checkmark icon with a success message, or a red error icon with a failure message. Upon successful verification, the user is automatically redirected to the /signin route after a 3-second delay.
Usage
Use this component as the route target for email verification URLs (e.g., /verify-email?token=...). It is typically referenced in the application's router configuration and is not intended to be embedded within other components.
Code Reference
Source Location
- Repository: FlowiseAI Flowise
- File: packages/ui/src/views/auth/verify-email.jsx
- Lines: 1-124
Signature
const VerifyEmail = () => { ... }
export default VerifyEmail
Import
import VerifyEmail from '@/views/auth/verify-email'
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| token (URL query param) | string | Yes | The email verification token extracted from the URL search parameters via useSearchParams
|
Outputs
| Name | Type | Description |
|---|---|---|
| Rendered JSX | React Element | A MainCard containing a loading spinner, success checkmark, or error icon depending on verification state |
| Navigation side effect | void | Redirects to /signin after 3 seconds on successful verification
|
Usage Examples
Basic Usage
// In router configuration
import VerifyEmail from '@/views/auth/verify-email'
<Route path="/verify-email" element={<VerifyEmail />} />