modified react title

Author: AkasDatta

src/hooks/useTitle.js

@@ -0,0 +1,9 @@
+import { useEffect } from "react"
+
+const useTitle = title => {
+    useEffect(() => {
+        document.title = `${title} - Dragon News`;
+    }, [title])
+};
+
+export default useTitle;

src/main.jsx

@@ -9,15 +9,15 @@ import { Helmet, HelmetProvider } from 'react-helmet-async';
 
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
-    <HelmetProvider>
+    {/* <HelmetProvider> */}
       <AuthProvider>
-        <Helmet>
+        {/* <Helmet>
           <title>Dragon News</title>
           <link rel="icon" type="image/svg+xml" href="/public/icon.jpg" />
-        </Helmet>
+        </Helmet> */}
           <RouterProvider router={router}></RouterProvider>
 
       </AuthProvider>
-    </HelmetProvider>
+    {/* </HelmetProvider> */}
   </React.StrictMode>,
 )

src/pages/Home/Home/Home.jsx

@@ -1,9 +1,12 @@
 import React from 'react';
+import useTitle from '../../../hooks/useTitle';
 
 const Home = () => {
+    useTitle('Home')
     return (
         <div>
-            <h2>This is home</h2>
+            <h2>Dragon News Home</h2>
+           
         </div>
     );
 };

src/pages/Login/Login/Login.jsx

@@ -2,10 +2,12 @@ import React, { useContext } from 'react';
 import { Button, Container, Form } from 'react-bootstrap';
 import { Link } from 'react-router-dom';
 import { AuthContext } from '../../../providers/AuthProvider';
+import useTitle from '../../../hooks/useTitle';
 
 
 const Login = () => {
     const {signIn} = useContext(AuthContext);
+    useTitle('Login')
 
     const handleLogin = event => {
         event.preventDefault();

src/pages/Login/Register/Register.jsx

@@ -2,9 +2,11 @@ import React, { useContext } from 'react';
 import { Button, Container, Form } from 'react-bootstrap';
 import { Link } from 'react-router-dom';
 import { AuthContext } from '../../../providers/AuthProvider';
+import useTitle from '../../../hooks/useTitle';
 
 const Register = () => {
     const { createUser } = useContext(AuthContext);
+    useTitle('Register')
 
     const handleRegister = event => {
         event.preventDefault();