From f2d932bcd7ef7a1716fdcc6110c587bd169780a4 Mon Sep 17 00:00:00 2001
From: Teriuihi <teriuihi@alttd.com>
Date: Sun, 14 Jan 2024 09:59:26 +0100
Subject: [PATCH] Add Helmet to manage email verification page title

Integrated the Helmet library in the 'verify_mail.tsx' component to handle setting the page title dynamically to "Email validation". This helps in improving page context for users and SEO. As part of the update, the page title has been set within the newly added Helmet wrapper.
---
 src/components/verify_email/verify_mail.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/verify_email/verify_mail.tsx b/src/components/verify_email/verify_mail.tsx
index 2dd9b88..dde091b 100644
--- a/src/components/verify_email/verify_mail.tsx
+++ b/src/components/verify_email/verify_mail.tsx
@@ -1,6 +1,7 @@
 import {FC, useState} from "react";
 import {useLocation, useNavigate} from "react-router-dom";
 import './VerifyMail.css';
+import {Helmet} from "react-helmet";
 
 interface VerificationData {
     eMail: string;
@@ -67,6 +68,9 @@ const VerifyMail: FC = () => {
 
     return (
         <div className="container">
+            <Helmet>
+                <title>Email validation</title>
+            </Helmet>
             <header>Email validation</header>
             <div className="content">
                 <p>Hi, you just completed a form and need to verify your email ({email}).</p>