diff --git a/src/components/AuthenticationFlow/VerificationEmailMessage.tsx b/src/components/AuthenticationFlow/VerificationEmailMessage.tsx index 0ff53427d..1774cd64c 100644 --- a/src/components/AuthenticationFlow/VerificationEmailMessage.tsx +++ b/src/components/AuthenticationFlow/VerificationEmailMessage.tsx @@ -1,6 +1,6 @@ import { useEffect, useState } from 'react'; -import VerifyLetterIcon from '../../icons/verify-letter.svg'; import { httpPost } from '../../lib/http'; +import { VerifyLetterIcon } from '../ReactIcons/VerifyLetterIcon'; export function VerificationEmailMessage() { const [email, setEmail] = useState('..'); @@ -37,11 +37,7 @@ export function VerificationEmailMessage() { return (
- Verify Email +

Verify your email address

diff --git a/src/components/ReactIcons/VerifyLetterIcon.tsx b/src/components/ReactIcons/VerifyLetterIcon.tsx new file mode 100644 index 000000000..93cf96acc --- /dev/null +++ b/src/components/ReactIcons/VerifyLetterIcon.tsx @@ -0,0 +1,78 @@ +type VerifyLetterIconProps = { + className?: string; +}; + +export function VerifyLetterIcon(props: VerifyLetterIconProps) { + const { className } = props; + + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}