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.
 
 
 

30 lines
665 B

import React, { Component } from 'react';
import Logo from './Logo/Logo';
import Bio from './Bio/Bio';
import Login from './Login/Login';
import './Auth.scss';
export default class Auth extends Component {
constructor(props) {
super(props);
this.state = {
page: 'logo',
};
}
setPage = (val) => {
this.setState({
page: val,
});
};
render() {
return (
<div className="auth">
{this.state.page === 'logo' ? <Logo setPage={this.setPage} /> : null}
{this.state.page === 'bio' ? <Bio setPage={this.setPage} /> : null}
{this.state.page === 'login' ? <Login /> : null}
</div>
);
}
}