You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
882 B
34 lines
882 B
import React, { useState, useEffect } from "react"; |
|
import SignUp from "./SignUp/index"; |
|
import Profile from "./Profile/index"; |
|
import Desktop from "./Desktop"; |
|
import { connect } from "react-redux"; |
|
|
|
function Auth(props) { |
|
const [page, setPage] = useState(props.page); |
|
const [level, setLevel] = useState("phonenumber"); |
|
|
|
useEffect(() => { |
|
setPage(() => props.page); |
|
}, [props.page]); |
|
return props.isMobile ? ( |
|
<> |
|
{page === "signup" && ( |
|
<SignUp |
|
theme={props.theme} |
|
headerOptions={props.headerOptions} |
|
level={level} |
|
setLevel={setLevel} |
|
/> |
|
)} |
|
{page === "profile" && <Profile theme={props.theme} />} |
|
</> |
|
) : ( |
|
<Desktop level={level} setLevel={setLevel} /> |
|
); |
|
} |
|
|
|
export default connect((state) => ({ |
|
theme: state.publicApi.theme, |
|
isMobile: state.publicApi.isMobile, |
|
}))(Auth);
|
|
|