This commit is contained in:
Mikola
2024-01-12 19:11:36 +03:00
parent cc0f76ea8d
commit a24ce7d7a1
8 changed files with 67 additions and 32 deletions

View File

@ -131,6 +131,7 @@
width: 100%;
background: #ffffff;
padding: 27px 0 29px;
margin-bottom: 50px;
&__wrapper {
max-width: 1160px;

View File

@ -14,6 +14,9 @@ import "./trackerRegistration.scss";
export const TrackerRegistration = () => {
const [modalConfirmOpen, setModalConfirm] = useState(false);
const [inputs, setInputs] = useState({
email: ''
})
return (
<div className="trackerRegistration">
@ -36,7 +39,10 @@ export const TrackerRegistration = () => {
</div>
<div className="trackerRegistration__inputContainer">
<span>Ваш e-mail</span>
<input placeholder="E-mail" type="email" />
<input
placeholder="E-mail"
onChange={(e) => setInputs((prevState) => ({...prevState, email:e.target.value }))}
type="email" />
</div>
<div className="trackerRegistration__inputContainer">
<span>Придумайте пароль</span>
@ -66,7 +72,7 @@ export const TrackerRegistration = () => {
</div>
{modalConfirmOpen && (
<ModalLayout active={modalConfirmOpen} setActive={setModalConfirm}>
<ModalTrackerRegistration setModalReset={setModalConfirm} />
<ModalTrackerRegistration setModalReset={setModalConfirm} email={inputs.email} />
</ModalLayout>
)}
<Footer />