favicon added & dynamic page title added

jahidhasan8 · jahidhasan8 · commit fcacc3e3725f · 2022-11-09T05:17:17.000+06:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Mannat Tour Service</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/src/Pages/AddService/AddService.js b/src/Pages/AddService/AddService.js
@@ -1,9 +1,10 @@
 import React from 'react';
 import { Button, FloatingLabel, Form } from 'react-bootstrap';
 import toast from 'react-hot-toast';
+import useTitle from '../../hooks/useTitle';
 
 const AddService = () => {
-
+     useTitle('AddService')
     const handleAddService=(e)=>{
       e.preventDefault()
       const form=e.target 
@@ -26,7 +27,8 @@ const AddService = () => {
           "content-type": "application/json"
         },
         body: JSON.stringify(service)
-      }).then(res => res.json())
+      })
+      .then(res => res.json())
       .then(data => {
         if(data.acknowledged){
           toast.success("New Service added Successfully ");
diff --git a/src/Pages/Blog/Blog.js b/src/Pages/Blog/Blog.js
diff --git a/src/Pages/Home/Home.js b/src/Pages/Home/Home.js
@@ -1,7 +1,10 @@
 import React, { useEffect, useState } from 'react';
 import { Link } from 'react-router-dom';
 import CarouselBanner from './Carousel/CarouselBanner'
+import useTitle from '../../hooks/useTitle';
+
 const Home = () => {
+    useTitle("Home")
     const[services,setServices]=useState([])
     let size=3
     useEffect(()=>{
@@ -14,6 +17,7 @@ const Home = () => {
       },[size])
     return (
         <div >
+           
             <CarouselBanner></CarouselBanner>
            <div className="row row-cols-1 rounded row-cols-md-3 g-4 mt-5 mx-auto container">
                         {
diff --git a/src/Pages/Login/Login.js b/src/Pages/Login/Login.js
@@ -7,11 +7,12 @@ import toast from 'react-hot-toast';
 import { GithubAuthProvider, GoogleAuthProvider } from "firebase/auth";
 import { FaGithub} from "react-icons/fa";
 import { FcGoogle } from "react-icons/fc";
+import useTitle from '../../hooks/useTitle';
 
 const Login = () => {
      
     const{signIn,githubAndGoogleSignIn}=useContext(AuthContext)
-     
+     useTitle("Login")
     const googleProvider = new GoogleAuthProvider()
     const githubProvider = new GithubAuthProvider();
     const handleSubmit = (e) => {
diff --git a/src/Pages/MyReviews/MyReviews.js b/src/Pages/MyReviews/MyReviews.js
@@ -1,13 +1,15 @@
 import React, { useContext, useEffect, useState } from 'react';
 import toast from 'react-hot-toast';
 import { AuthContext } from '../../contexts/AuthProvider/AuthProvider';
+import useTitle from '../../hooks/useTitle';
 import ReviewTable from './ReviewTable/ReviewTable';
 
 const MyReviews = () => {
-
+    
     const { user } = useContext(AuthContext)
     const [reviews, setReviews] = useState([])
-    // console.log(reviews);
+    useTitle("MyReviews")
+    
     useEffect(() => {
         fetch(`http://localhost:5000/reviews?email=${user?.email}`)
             .then(res => {
diff --git a/src/Pages/Register/Register.js b/src/Pages/Register/Register.js
@@ -4,10 +4,11 @@ import Button from 'react-bootstrap/Button';
 import Form from 'react-bootstrap/Form';
 import { AuthContext } from '../../contexts/AuthProvider/AuthProvider';
 import toast from 'react-hot-toast';
+import useTitle from '../../hooks/useTitle';
 
 const Register = () => {
     const { createUser } = useContext(AuthContext)
-
+     useTitle("Register")
     const handleSubmit = (e) => {
         e.preventDefault()
         const form = e.target;
diff --git a/src/Pages/ServiceDetails/ServiceDetails.js b/src/Pages/ServiceDetails/ServiceDetails.js
@@ -2,6 +2,7 @@
 import React  from 'react';
 import { Card } from 'react-bootstrap';
 import { useLoaderData } from 'react-router-dom';
+import useTitle from '../../hooks/useTitle';
 import ServiceReview from './ServiceReview/ServiceReview';
 /* import Form from 'react-bootstrap/Form';
 import FloatingLabel from 'react-bootstrap/FloatingLabel';
@@ -11,7 +12,7 @@ const ServiceDetails = () => {
 
     
     const services = useLoaderData()
-   
+     useTitle("ServiceDetails")
     const { name, description, image, price, rating } = services
     return (
         <div>
diff --git a/src/Pages/Services/Services.js b/src/Pages/Services/Services.js
@@ -1,9 +1,10 @@
 import React from 'react';
 import { Link, useLoaderData } from 'react-router-dom';
+import useTitle from '../../hooks/useTitle';
 
 const Services = () => {
     const services = useLoaderData()
-    
+     useTitle("Services")
     return (
         <div>
 
diff --git a/src/hooks/useTitle.js b/src/hooks/useTitle.js
@@ -0,0 +1,9 @@
+import { useEffect } from "react"
+
+const useTitle = title => {
+    useEffect(() => {
+        document.title = `${title} -Mannat Tour Service`;
+    }, [title])
+};
+
+export default useTitle;
diff --git a/src/index.js b/src/index.js
@@ -6,14 +6,16 @@ import reportWebVitals from './reportWebVitals';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import AuthProvider from './contexts/AuthProvider/AuthProvider';
 
+
+
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
-
+   
     <AuthProvider>
       <App />
     </AuthProvider>
-
+   
   </React.StrictMode>
 );
 
