+
{msg}
);
};
return (
- // <>
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
- Welcome!
-
- Sign up to be a part of the community, because UMatter.
-
-
-
-
-
- Create account
+
+
+ Welcome!
+
+ Sign up to be a part of the community, because UMatter.
+
+
+
+
+
+ Create account
+ setData({ ...data, name: e.target.value })}
+ id="FullNameInput"
+ type="text"
+ placeholder="Full Name"
+ aria-label="Full Name"
+ />
+
+
+ setData({ ...data, username: e.target.value })}
+ id="usernameInput"
+ type="text"
+ placeholder="Username"
+ aria-label="Username"
+ />
+
+
+ setData({ ...data, email: e.target.value })}
+ id="emailInput"
+ type="email"
+ placeholder="Email"
+ required
+ aria-label="Email"
+ />
+
+
+
setData({ ...data, name: e.target.value })}
- id="FullNameInput"
- type="text"
- placeholder="Full Name"
- aria-label="Full Name"
+ onChange={(e) => setData({ ...data, password: e.target.value })}
+ id="PasswordInput"
+ type={passwordType}
+ placeholder="Password"
+ aria-label="Password"
/>
-
- setData({ ...data, username: e.target.value })}
- id="usernameInput"
- type="text"
- placeholder="Username"
- aria-label="Username"
- />
-
+ {passwordType === "password" ? (
+
+ ) : (
+
+ )}
+
+
+
setData({ ...data, email: e.target.value })}
- id="emailInput"
- type="email"
- placeholder="Email"
- required
- aria-label="Email"
+ onChange={(e) =>
+ setData({ ...data, confirmpassword: e.target.value })
+ }
+ id="PasswordInput"
+ type={passwordConfirmType}
+ placeholder="Confirm Password"
+ aria-label="Confirm Password"
/>
-
-
-
-
-
- {/*
-
- setData({ ...data, countryCode: e.target.value })
- }
- id="CountryCode"
- type="text"
- placeholder="+XXX"
- >
-
- setData({ ...data, contactNumber: e.target.value })
- }
- id="ContactNumber"
- type="text"
- placeholder="Phone Number"
- maxLength={10}
- >
- */}
-
-
-
- setData({ ...data, password: e.target.value })}
- id="PasswordInput"
- type={passwordType}
- placeholder="Password"
- aria-label="Password"
+ {passwordConfirmType === "password" ? (
+
- {/* {passwordType === "password" ? (
-
- ) : (
-
- )} */}
- {passwordType === "password" ? (
-
- ) : (
-
- )}
-
-
-
-
-
- setData({ ...data, confirmpassword: e.target.value })
- }
- id="PasswordInput"
- type={passwordConfirmType}
- placeholder="Confirm Password"
- aria-label="Confirm Password"
+ ) : (
+
- {/* {passwordConfirmType === "password" ? (
-
- ) : (
-
- )} */}
- {passwordConfirmType === "password" ? (
-
- ) : (
-
- )}
-
-
-
-
-
- Sign Up
-
-
- {invalid && showInvalid()}
-
-
- Signin
-
-
-
-
-
-
+ )}
+
+
+
+
+
+ Sign Up
+
+
+ {invalid && showInvalid()}
+
+
+ Signin
+
+
+
+
);
};
diff --git a/src/firebase-config.js b/src/firebase-config.js
index 5b16943..b2a29a0 100644
--- a/src/firebase-config.js
+++ b/src/firebase-config.js
@@ -1,6 +1,6 @@
// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
-import { getAuth, GoogleAuthProvider } from "firebase/auth";
+import { getAuth, GoogleAuthProvider} from "firebase/auth";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries
@@ -8,13 +8,12 @@ import { getAuth, GoogleAuthProvider } from "firebase/auth";
// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
- apiKey: `${process.env.REACT_APP_APIKEYURL}`,
- authDomain: `${process.env.REACT_APP_AUTHDOMAIN}`,
- projectId: `${process.env.REACT_APP_PROJECTID}`,
- storageBucket: `${process.env.REACT_APP_STORAGEBUCKET}`,
- messagingSenderId: `${process.env.REACT_APP_MESSAGEINGSENDERID}`,
- appId: `${process.env.REACT_APP_APIID}`,
- measurementId: `${process.env.REACT_APP_MEASUREMENTID}`,
+ apiKey: `${process.env.apiKey}`,
+ authDomain: `${process.env.authDomain}`,
+ projectId: `${process.env.projectId}`,
+ storageBucket: `${process.env.storageBucket}`,
+ messagingSenderId: `${process.env.messagingSenderId}`,
+ appId: `${process.env.appId}`,
};
// Initialize Firebase
diff --git a/src/index.js b/src/index.js
index 9582f24..e40a2fc 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,11 +2,14 @@ import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import './index.css';
+import { ToastContainer } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
import * as serviceWorkerRegistration from './serviceWorkerRegistration';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
+
);
diff --git a/src/pages/ForgotPassword.js b/src/pages/ForgotPassword.js
index 4aacd91..0d1649b 100644
--- a/src/pages/ForgotPassword.js
+++ b/src/pages/ForgotPassword.js
@@ -1,12 +1,12 @@
import React from 'react'
-import Forgot_password from '../Components/Forgot_password/OTPVerfication';
+import Forgotpassword from '../Components/Forgot_password/OTPVerfication';
import Footer from '../Components/Footer';
const SigninPage = () => {
return (
-
-
+
+ {/* */}
);
diff --git a/src/pages/signin.js b/src/pages/signin.js
index d1c71da..20f2c7b 100644
--- a/src/pages/signin.js
+++ b/src/pages/signin.js
@@ -1,13 +1,11 @@
import React from 'react'
import SignIn from '../Components/Signin';
-import Footer from '../Components/Footer';
const SigninPage = () => {
return (
-
);
};
diff --git a/src/pages/signup.js b/src/pages/signup.js
index 7d494ef..4f496e9 100644
--- a/src/pages/signup.js
+++ b/src/pages/signup.js
@@ -1,12 +1,10 @@
import React from 'react'
import SignUp from '../Components/Signup';
-import Footer from '../Components/Footer';
const SignupPage = () => {
return (
-
);
};