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

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);