Last change
on this file since 6f9b7b0 was 6f9b7b0, checked in by i-ina <76742075+i-ina@…>, 4 years ago |
user login
|
-
Property mode
set to
100644
|
File size:
1.7 KB
|
Rev | Line | |
---|
[3f5bf9e] | 1 | import React, {Component} from 'react';
|
---|
[6f9b7b0] | 2 | import {BrowserRouter as Router, Route, Redirect} from 'react-router-dom';
|
---|
[3f5bf9e] | 3 | import Login from '../login/login';
|
---|
[17abe5e] | 4 | import Profile from "../data/profile";
|
---|
[3f5bf9e] | 5 | import 'semantic-ui-css/semantic.min.css';
|
---|
| 6 | import HeaderComp from '../template/header';
|
---|
| 7 | import './App.css';
|
---|
| 8 | import UserLogin from "../../repository/login_repo";
|
---|
| 9 |
|
---|
| 10 | class App extends Component{
|
---|
| 11 | constructor(props) {
|
---|
| 12 | super(props);
|
---|
| 13 | this.state = {
|
---|
[6f9b7b0] | 14 | logged: false,
|
---|
| 15 | error: null,
|
---|
| 16 | currentUser: {}
|
---|
[3f5bf9e] | 17 | }
|
---|
| 18 | }
|
---|
| 19 |
|
---|
| 20 | render(){
|
---|
[6f9b7b0] | 21 | return(
|
---|
| 22 | <Router>
|
---|
| 23 | <HeaderComp acc={this.state.currentUser.email} accType={this.state.currentUser.type} name={this.state.currentUser.name}/>
|
---|
| 24 | <main>
|
---|
| 25 | <Route path={"/login"} render={() => <Login error={this.state.error} onCompleteForm={this.attemptLogin} loggedIn={this.state.logged}/>}/>
|
---|
| 26 | <Route path={"/profile"} render={() => <Profile userProfile={this.state.currentUser}/>}/>
|
---|
| 27 | <Route path={"/"} render={() => <Redirect to={"/login"}/>}/>
|
---|
| 28 | </main>
|
---|
| 29 | </Router>
|
---|
| 30 | );
|
---|
[3f5bf9e] | 31 | }
|
---|
| 32 |
|
---|
[17abe5e] | 33 | attemptLogin = (email, password, type) => {
|
---|
| 34 | UserLogin.login(email, password, type).then((res) =>{
|
---|
[3f5bf9e] | 35 | console.log(res.data);
|
---|
[6f9b7b0] | 36 | if(res.data.email==null){
|
---|
| 37 | this.setState({
|
---|
| 38 | logged: false,
|
---|
| 39 | error: res.data.error,
|
---|
| 40 | });
|
---|
| 41 | }else{
|
---|
| 42 | this.setState({
|
---|
| 43 | logged: true,
|
---|
| 44 | currentUser: res.data,
|
---|
| 45 | error: null,
|
---|
| 46 | });
|
---|
| 47 | }
|
---|
[3f5bf9e] | 48 | });
|
---|
[6f9b7b0] | 49 |
|
---|
| 50 | if(this.state.currentUser.email!=null){
|
---|
| 51 | return <Redirect to={"/profile"}/>;
|
---|
| 52 | }
|
---|
[3f5bf9e] | 53 | }
|
---|
| 54 | }
|
---|
| 55 |
|
---|
| 56 | export default App;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.