From ef1a3031c42bcd325b287a95a93d6a694855a9fd Mon Sep 17 00:00:00 2001 From: Arik Chakma Date: Fri, 10 Nov 2023 03:15:27 +0600 Subject: [PATCH] Fix verify letter --- .../VerificationEmailMessage.tsx | 8 +- .../ReactIcons/VerifyLetterIcon.tsx | 78 +++++++++++++++++++ 2 files changed, 80 insertions(+), 6 deletions(-) create mode 100644 src/components/ReactIcons/VerifyLetterIcon.tsx 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 ( + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}