diff --git a/frontend/src/Pages/Login/Login.jsx b/frontend/src/Pages/Login/Login.jsx
new file mode 100644
index 0000000..49577da
--- /dev/null
+++ b/frontend/src/Pages/Login/Login.jsx
@@ -0,0 +1,24 @@
+import React, { useState } from 'react';
+import StepPhoneEmail from '../Steps/StepPhoneEmail/StepPhoneEmail';
+import StepOTP from '../Steps/StepOTP/StepOTP';
+
+
+const steps={
+ 1: StepPhoneEmail,
+ 2: StepOTP,
+};
+
+
+const Login = () => {
+
+ const [step,setStep]=useState(1);
+ const Step=steps[step];
+
+function onNext(){
+ setStep(step+1);
+ }
+ return
+
+}
+
+export default Login;
\ No newline at end of file
diff --git a/frontend/src/Pages/Login/Login.module.css b/frontend/src/Pages/Login/Login.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/Pages/Register/Register.jsx b/frontend/src/Pages/Register/Register.jsx
new file mode 100644
index 0000000..4a67581
--- /dev/null
+++ b/frontend/src/Pages/Register/Register.jsx
@@ -0,0 +1,34 @@
+import React,{ useState } from 'react';
+// import styles from './Register.module.css';
+import StepPhoneEmail from '../Steps/StepPhoneEmail/StepPhoneEmail';
+import StepAvatar from '../Steps/StepAvatar/StepAvatar';
+import StepName from '../Steps/StepName/StepName';
+import StepOTP from '../Steps/StepOTP/StepOTP';
+import StepUserName from '../Steps/StepUserName/StepUserName';
+
+const steps={
+ 1: StepPhoneEmail,
+ 2: StepOTP,
+ 3: StepName,
+ 4: StepAvatar,
+ 5: StepUserName,
+
+};
+
+
+const Register=()=>{
+ const [step,setStep]=useState(1);
+ const Step=steps[step];
+
+ function onNext(){
+ setStep(step+1);
+ }
+
+ return(
+
+
+
+ );
+};
+
+export default Register;
\ No newline at end of file
diff --git a/frontend/src/Pages/Register/Register.module.css b/frontend/src/Pages/Register/Register.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/Pages/Steps/StepOTP/StepOTP.jsx b/frontend/src/Pages/Steps/StepOTP/StepOTP.jsx
index 944d341..260e229 100644
--- a/frontend/src/Pages/Steps/StepOTP/StepOTP.jsx
+++ b/frontend/src/Pages/Steps/StepOTP/StepOTP.jsx
@@ -1,25 +1,11 @@
-import React, { useState } from 'react'
-import Button from '../../../components/shared/Button/Button';
-import Card from '../../../components/shared/Card/Card';
-import TextInput from '../../../components/shared/TextInput/TextInput';
+import React from 'react'
import styles from './StepOTP.module.css'
const StepOTP = ({onNext}) => {
- const [otp, setotp] = useState('');
return (
<>
-
- setotp(e.target.value)}/>
-
-
-
-
-
- By entering your number, you're agreeing to our Terms of
- Service and Privacy Policy. Thanks!
-
-
+
StepOTP
+
)
}
diff --git a/frontend/src/Pages/Steps/StepOTP/StepOTP.module.css b/frontend/src/Pages/Steps/StepOTP/StepOTP.module.css
index 770931f..c1cc26a 100644
--- a/frontend/src/Pages/Steps/StepOTP/StepOTP.module.css
+++ b/frontend/src/Pages/Steps/StepOTP/StepOTP.module.css
@@ -1,15 +1,6 @@
-.codeWrapper{
- display: flex;
- align-items: center;
- justify-content: center;
- margin-top: 6rem;
-}
-.bottomParagraph{
- color: c4c5c5;
- width: 70%;
- margin: 0 auto;
- margin-top: 20px;
-}
-.actionButtonWrap{
- margin-top: 40px;
+.NextButton{
+ width: 60px;
+ height: 30px;
+ font-size: 12px;
+ margin-top: 5px;
}
\ No newline at end of file
diff --git a/frontend/src/Pages/Steps/StepPhoneEmail/Email/Email.jsx b/frontend/src/Pages/Steps/StepPhoneEmail/Email/Email.jsx
index 9948efa..28f152d 100644
--- a/frontend/src/Pages/Steps/StepPhoneEmail/Email/Email.jsx
+++ b/frontend/src/Pages/Steps/StepPhoneEmail/Email/Email.jsx
@@ -1,25 +1,10 @@
-import React, { useState } from 'react'
-import Card from "../../../../components/shared/Card/Card";
-import Button from '../../../../components/shared/Button/Button';
-import TextInput from '../../../../components/shared/TextInput/TextInput';
-import styles from '../StepPhoneEmail.module.css';
-
-const Email = (onNext) => {
- const {email, setemail} = useState('');
+import React from 'react'
+const Email = () => {
return (
-
- setemail(e.target.value)}/>
-
-
-
-
- By entering your Email, you're agreeing to our Terms of
- Service and Privacy Policy. Thanks!
-
+ This is Email component
)
}
diff --git a/frontend/src/Pages/Steps/StepPhoneEmail/Phone/Phone.jsx b/frontend/src/Pages/Steps/StepPhoneEmail/Phone/Phone.jsx
index 007daac..93fc841 100644
--- a/frontend/src/Pages/Steps/StepPhoneEmail/Phone/Phone.jsx
+++ b/frontend/src/Pages/Steps/StepPhoneEmail/Phone/Phone.jsx
@@ -1,27 +1,16 @@
-
-import React, { useState } from 'react'
-import Card from "../../../../components/shared/Card/Card";
+import React from 'react';
+import Card from '../../../../components/shared/Card/Card';
import Button from '../../../../components/shared/Button/Button';
-import TextInput from '../../../../components/shared/TextInput/TextInput';
-import styles from '../StepPhoneEmail.module.css';
-
-const Phone = (onNext) => {
- const {phoneNumber, setPhoneNumber} = useState('');
+const Phone = () => {
return (
-
- setPhoneNumber(e.target.value)}/>
-
-
-
-
-
- By entering your number, you're agreeing to our Terms of
- Service and Privacy Policy. Thanks!
-
-
+
+
+
+
+
+
)
}
diff --git a/frontend/src/Pages/Steps/StepPhoneEmail/StepPhoneEmail.jsx b/frontend/src/Pages/Steps/StepPhoneEmail/StepPhoneEmail.jsx
index be84c78..0821c3e 100644
--- a/frontend/src/Pages/Steps/StepPhoneEmail/StepPhoneEmail.jsx
+++ b/frontend/src/Pages/Steps/StepPhoneEmail/StepPhoneEmail.jsx
@@ -19,13 +19,14 @@ const StepPhoneEmail = ({onNext}) => {
return (
<>
+
-
diff --git a/frontend/src/Pages/Steps/StepPhoneEmail/StepPhoneEmail.module.css b/frontend/src/Pages/Steps/StepPhoneEmail/StepPhoneEmail.module.css
index c59128b..fa0c3a1 100644
--- a/frontend/src/Pages/Steps/StepPhoneEmail/StepPhoneEmail.module.css
+++ b/frontend/src/Pages/Steps/StepPhoneEmail/StepPhoneEmail.module.css
@@ -25,16 +25,4 @@
.tabButton:last-child{
margin-left: 20px;
}
-.active {
- background: #262626;
-}
-.actionButtonWrap{
- margin-top: 40px;
-}
-.bottomParagraph{
- color: c4c5c5;
- width: 70%;
- margin: 0 auto;
- margin-top: 20px;
-}
\ No newline at end of file
diff --git a/frontend/src/Pages/authenticate/Authenticate.jsx b/frontend/src/Pages/authenticate/Authenticate.jsx
index afc75c3..84a3f52 100644
--- a/frontend/src/Pages/authenticate/Authenticate.jsx
+++ b/frontend/src/Pages/authenticate/Authenticate.jsx
@@ -11,7 +11,7 @@ const steps={
const Authenticate = () => {
- const [step,setStep]=useState(2);
+ const [step,setStep]=useState(1);
const Step=steps[step];
function onNext(){
diff --git a/frontend/src/components/shared/Card/Card.module.css b/frontend/src/components/shared/Card/Card.module.css
index edbddff..8909634 100644
--- a/frontend/src/components/shared/Card/Card.module.css
+++ b/frontend/src/components/shared/Card/Card.module.css
@@ -5,10 +5,7 @@
background: #1d1d1d;
padding: 30px;
border-radius: 20px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
+ text-align: center;
}
.headingWrapper {
display: flex;
diff --git a/frontend/src/components/shared/TextInput/TextInput.jsx b/frontend/src/components/shared/TextInput/TextInput.jsx
deleted file mode 100644
index dfb284f..0000000
--- a/frontend/src/components/shared/TextInput/TextInput.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react'
-import styles from './TextInput.module.css'
-
-const TextInput = (props) => {
- return (
-
-
-
- )
-}
-
-export default TextInput
\ No newline at end of file
diff --git a/frontend/src/components/shared/TextInput/TextInput.module.css b/frontend/src/components/shared/TextInput/TextInput.module.css
deleted file mode 100644
index ab0b880..0000000
--- a/frontend/src/components/shared/TextInput/TextInput.module.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.input {
- background: #323232;
- border: none;
- padding: 10px 20px;
- width: 200px;
- color: #fff;
- font-size: 18px;
- border-radius: 10px;
- outline: none;
-
-}
\ No newline at end of file