diff --git a/src/views/Home/Home.tsx b/src/views/Home/Home.tsx index 49b760b..b5de7a0 100644 --- a/src/views/Home/Home.tsx +++ b/src/views/Home/Home.tsx @@ -9,6 +9,7 @@ import ExistingUser from "./components/ExistingUser/ExistingUser"; const Home = () => { const { data: session } = useSession() + console.log("⚠️ ~ file: Home.tsx:12 ~ Home ~ session::::", session) const email = session?.user?.email || ""; const platform = "google"; diff --git a/src/views/Home/components/NewUserForm/CreateWallet.tsx b/src/views/Home/components/NewUserForm/CreateWallet.tsx index 27dd20c..16dd8f7 100644 --- a/src/views/Home/components/NewUserForm/CreateWallet.tsx +++ b/src/views/Home/components/NewUserForm/CreateWallet.tsx @@ -119,7 +119,7 @@ export default function CreateWallet({formData, email, platform, handleReset}: { - Wallet Creation + Create Wallet {!clickedForInfo && diff --git a/src/views/Home/components/NewUserForm/NewUserForm.tsx b/src/views/Home/components/NewUserForm/NewUserForm.tsx index 58d6613..b4ab430 100644 --- a/src/views/Home/components/NewUserForm/NewUserForm.tsx +++ b/src/views/Home/components/NewUserForm/NewUserForm.tsx @@ -22,52 +22,52 @@ const theme = extendTheme({ initialColorMode: 'light', }); -interface Step1Props { - usernameData: { - username?: string; - }; - onNext: (data: { username: string }) => void; -} - -function Step1({ usernameData, onNext }: Step1Props) { - const [username, setUsername] = useState(usernameData.username || ''); - - const handleNext = () => { - onNext({ username }); - }; +// interface Step1Props { +// usernameData: { +// username?: string; +// }; +// onNext: (data: { username: string }) => void; +// } + +// function Step1({ usernameData, onNext }: Step1Props) { +// const [username, setUsername] = useState(usernameData.username || ''); + +// const handleNext = () => { +// onNext({ username }); +// }; + +// const handleUsernameChange = (e: React.ChangeEvent) => { +// const value = e.target.value; +// if (/^[a-z0-9._]{0,20}$/.test(value)) { +// setUsername(value); +// } +// }; + +// return ( +// +// Step 1: Enter Username +// +// For now, usernames will be used only as a method of identification. In the future, you will be able to send or receive funds using your username. +// +// +// +// +// +// *only (max 20) alphanumeric lowercase characters, dot '.', or underscore '_' +// +// +// +// ); +// } - const handleUsernameChange = (e: React.ChangeEvent) => { - const value = e.target.value; - if (/^[a-z0-9._]{0,20}$/.test(value)) { - setUsername(value); - } - }; - - return ( - - Step 1: Enter Username - - For now, usernames will be used only as a method of identification. In the future, you will be able to send or receive funds using your username. - - - - - - *only (max 20) alphanumeric lowercase characters, dot '.', or underscore '_' - - - - ); -} - -interface Step2Props { +interface Step1Props { pinData: { pin?: string; }; @@ -75,7 +75,7 @@ interface Step2Props { onNext: (data: { pin: string }) => void; } -function Step2({ pinData, onPrevious, onNext }: Step2Props) { +function Step1({ pinData, onPrevious, onNext }: Step1Props) { const [pin, setPin] = useState(pinData.pin || ''); const handlePrevious = () => { @@ -95,7 +95,7 @@ function Step2({ pinData, onPrevious, onNext }: Step2Props) { return ( - Step 2: Enter PIN + Create PIN This is the most important part. @@ -165,11 +165,10 @@ function NewUserForm({ email, platform }: any) { display="flex" justifyContent="center" > - {step === 1 && } - {step === 2 && ( - + {step === 1 && ( + )} - {step == 3 && + {step == 2 &&