-
-
-
-
-
+ const [navData, setNavData] = useState([]);
+ const [isOpenNav, setIsOpenNav] = useState(false);
+ const [windowWidth, setWindowWidth] = useState(window.innerWidth);
+ const [openDropdownMenu, setDropdownMenu] = useState(false);
+ const [openDropdownMenuIndex, setDropdownMenuIndex] = useState(null);
-
-
+
+
+
+ );
+};
export default Nav;
diff --git a/src/pages/About/about.css b/src/pages/About/about.css
index 360bbe1..3684ebb 100644
--- a/src/pages/About/about.css
+++ b/src/pages/About/about.css
@@ -196,4 +196,4 @@
width: 120px;
height: 120px;
}
-}
\ No newline at end of file
+}
diff --git a/src/pages/About/index.js b/src/pages/About/index.js
index 77a81f8..03d42d4 100644
--- a/src/pages/About/index.js
+++ b/src/pages/About/index.js
@@ -75,4 +75,4 @@ function Tes() {
);
}
-export default Tes;
\ No newline at end of file
+export default Tes;
diff --git a/src/pages/ResetPassword/index.js b/src/pages/ResetPassword/index.js
index 4083aa2..dbbe586 100644
--- a/src/pages/ResetPassword/index.js
+++ b/src/pages/ResetPassword/index.js
@@ -1,44 +1,41 @@
-import React, { useState, useContext } from "react";
-import { Link, useNavigate } from "react-router-dom";
-import "./style.css";
-import { collection, doc, setDoc ,getDocs} from "firebase/firestore";
-
-
-import Box from "@mui/material/Box";
-import TextField from "@mui/material/TextField";
-import VisibilityOutlinedIcon from "@mui/icons-material/VisibilityOutlined";
-import VisibilityOffOutlinedIcon from "@mui/icons-material/VisibilityOffOutlined";
-import { Button, Snackbar, Typography } from "@mui/material";
+import React, { useState, useContext } from 'react';
+import { Link, useNavigate } from 'react-router-dom';
+import './style.css';
+import { collection, doc, setDoc, getDocs } from 'firebase/firestore';
+
+import Box from '@mui/material/Box';
+import TextField from '@mui/material/TextField';
+import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined';
+import VisibilityOffOutlinedIcon from '@mui/icons-material/VisibilityOffOutlined';
+import { Button, Snackbar, Typography } from '@mui/material';
import {
getAuth,
-
signInWithEmailAndPassword,
GoogleAuthProvider,
signInWithPopup,
fetchSignInMethodsForEmail,
- sendPasswordResetEmail,
-} from "firebase/auth";
-import { app,db } from "../../firebase";
-import Backdrop from "@mui/material/Backdrop";
-import CircularProgress from "@mui/material/CircularProgress";
-import { MyContext } from "../../App";
-import GoogleImg from "../../assets/images/google.png";
-import useLoggedInUserEmail from "../../Hooks/useLoggedInUserEmail";
-import { useDispatch } from "react-redux";
-import { logIn } from "../../Redux/auth-slice";
+ sendPasswordResetEmail
+} from 'firebase/auth';
+import { app, db } from '../../firebase';
+import Backdrop from '@mui/material/Backdrop';
+import CircularProgress from '@mui/material/CircularProgress';
+import { MyContext } from '../../App';
+import GoogleImg from '../../assets/images/google.png';
+import useLoggedInUserEmail from '../../Hooks/useLoggedInUserEmail';
+import { useDispatch } from 'react-redux';
+import { logIn } from '../../Redux/auth-slice';
const auth = getAuth(app);
const googleProvider = new GoogleAuthProvider();
const SignIn = () => {
-
const [showLoader, setShowLoader] = useState(false);
const [mssg, setmssg] = useState();
const [formFields, setFormFields] = useState({
- email: "",
- password: "",
+ email: '',
+ password: ''
});
- const [error, setError] = useState("");
+ const [error, setError] = useState('');
const context = useContext(MyContext);
const history = useNavigate();
const [snackbarOpen, setSnackbarOpen] = useState(false);
@@ -46,19 +43,14 @@ const SignIn = () => {
const [isDisabled, setIsDisabled] = useState(true);
const [inputErrors, setInputErrors] = useState({
- email: "",
-
+ email: ''
});
-
-
-
- const dispatch = useDispatch()
-
+ const dispatch = useDispatch();
function replaceSpecialCharacters(inputString) {
// Use a regular expression to replace special characters with underscore _
- const replacedString = inputString.replace(/[#$\[\].]/g, "_");
+ const replacedString = inputString.replace(/[#$\[\].]/g, '_');
return replacedString;
}
@@ -69,63 +61,62 @@ const SignIn = () => {
};
// Password validation function
-
+
const onChangeField = (e) => {
const name = e.target.name;
const value = e.target.value;
-
setFormFields((prevFormFields) => ({
...prevFormFields,
- [name]: value,
+ [name]: value
}));
-
+
let errors = { ...inputErrors };
// Validate email
-
- errors.email = "";
-setInputErrors(errors)
- };
-
+ errors.email = '';
+ setInputErrors(errors);
+ };
const forgotPassword = async (e) => {
e.preventDefault();
let errors = { ...inputErrors };
// Validate email
- console.log(formFields.email)
- errors.email = !validateEmail(formFields.email) ? "Invalid email address" : "";
- setInputErrors(errors)
- if(!validateEmail(formFields.email)){
-
- setmssg("Invalid email address")
- return;
- }
-
- let signInMethods = await fetchSignInMethodsForEmail(auth, formFields.email);
- console.log(signInMethods,"count")
-
- try{
- const email = formFields.email;
- const res=await sendPasswordResetEmail( auth,email);
- console.log(res)
+ console.log(formFields.email);
+ errors.email = !validateEmail(formFields.email)
+ ? 'Invalid email address'
+ : '';
+ setInputErrors(errors);
+ if (!validateEmail(formFields.email)) {
+ setmssg('Invalid email address');
+ return;
+ }
+
+ let signInMethods = await fetchSignInMethodsForEmail(
+ auth,
+ formFields.email
+ );
+ console.log(signInMethods, 'count');
+
+ try {
+ const email = formFields.email;
+ const res = await sendPasswordResetEmail(auth, email);
+ console.log(res);
setSnackbarOpen(true);
- formFields.email=""
-
- setmssg("Password reset mail has been sent!")
-
-
- }
- catch{(error) => {
- console.log(error)
- setmssg("some error has occured!")
-
- setError(error.message);
- }}
-}
+ formFields.email = '';
+ setmssg('Password reset mail has been sent!');
+ } catch {
+ (error) => {
+ console.log(error);
+ setmssg('some error has occured!');
+
+ setError(error.message);
+ };
+ }
+ };
const handleCloseSnackbar = () => {
setSnackbarOpen(false);
@@ -148,7 +139,7 @@ setInputErrors(errors)
theme.zIndex.drawer + 1 }}
+ sx={{ color: '#000', zIndex: (theme) => theme.zIndex.drawer + 1 }}
open={showLoader}
className="formLoader"
>
@@ -172,29 +163,21 @@ setInputErrors(errors)
{inputErrors.email && (
{inputErrors.email}
)}
-
-
-
-
-
-
-
- 
+
+ 
- 
- 
- 
-