diff --git a/src/components/verify_email/ThankYou.css b/src/components/verify_email/ThankYou.css index 31d215d..5acd5fb 100644 --- a/src/components/verify_email/ThankYou.css +++ b/src/components/verify_email/ThankYou.css @@ -1,7 +1,28 @@ +.fields { + display: flex; + flex-direction: column; + align-items: flex-start; + max-width: 1020px; + width: 80% +} + .field { - margin-bottom: 20px + margin-bottom: -10px } .header { - font-size: 20px; + font-size: 30px; + font-weight: bolder; + margin: 30px +} + +.key { + margin: 1px; + font-size: 30px; + font-weight: bold; + text-align: left; +} + +.value { + } \ No newline at end of file diff --git a/src/components/verify_email/thank_you.tsx b/src/components/verify_email/thank_you.tsx index f58501c..a5d660d 100644 --- a/src/components/verify_email/thank_you.tsx +++ b/src/components/verify_email/thank_you.tsx @@ -1,9 +1,10 @@ -import {FC, useState} from "react"; +import {FC} from "react"; import {useLocation} from "react-router-dom"; +import {Helmet} from "react-helmet"; +import './ThankYou.css'; const ThankYou: FC = () => { const location = useLocation(); - const [code, setCode] = useState('000000'); type DynamicFormData = { [key: string]: string; }; @@ -20,12 +21,15 @@ const ThankYou: FC = () => { return (
-

Thank you for completing the form and verifying your email! This is the data you entered:

-
+ + Thank you! + +
Thank you for completing the form and verifying your email!

This is the data you entered:
+
{Object.entries(formData).map(([key, value]) => ( -
-

{key}

-

{value}

+
+

{key}

+

{value}

))}