Changeset 17abe5e for client_app


Ignore:
Timestamp:
01/10/21 19:51:23 (4 years ago)
Author:
i-ina <76742075+i-ina@…>
Branches:
master
Children:
6f9b7b0
Parents:
a3d2b0d
Message:

react components for details and bugfix

Location:
client_app/src
Files:
2 added
4 edited

Legend:

Unmodified
Added
Removed

  • client_app/src/components/login/login.js

    ra3d2b0d r17abe5e  
    44
    55const Login = (props) => {
    6 
    76    const history = useHistory();
    87    const [formData, updateFormData] = React.useState({
    9         username: "",
     8        email: "",
    109        password: "",
    11         type: ""
     10        type: "0"
    1211    })
    1312
    … …  
    2120    const onFormSubmit = (e) =>{
    2221        e.preventDefault();
    23         const username = formData.username;
     22        const email = formData.email;
    2423        const password = formData.password;
    2524        const type = formData.type;
    2625
    27         props.onCompleteForm(username,password,type);
     26        props.onCompleteForm(email,password,type);
    2827        history.push("/");
    2928    }
    … …  
    3231        <Container>
    3332            <Form onSubmit={onFormSubmit}>
    34                 <Form.Input id="username" name="username" type='text' required fluid label='E-mail' placeholder='Enter e-mail.' onChange={handleCheck} />
     33                <Form.Input id="email" name="email" type='text' required fluid label='E-mail' placeholder='Enter e-mail.' onChange={handleCheck} />
    3534                <Form.Input id="password" name="password" type='password' required fluid label='Password' placeholder='Enter password.' onChange={handleCheck} />
    3635                <Form.Field
    … …  
    3938                    label='User'
    4039                    id="0"
    41                     name='type'
    42                     value='0'
     40                    name="type"
     41                    value="0"
    4342                    checked={formData.type === "0"}
    4443                    onChange={handleCheck}
    … …  
    4948                    label='Team'
    5049                    id="1"
    51                     name='type'
    52                     value='1'
     50                    name="type"
     51                    value="1"
    5352                    checked={formData.type === "1"}
    5453                    onChange={handleCheck}
    … …  
    5958                    label='Company'
    6059                    id="2"
    61                     name='type'
    62                     value='2'
     60                    name="type"
     61                    value="2"
    6362                    checked={formData.type === "2"}
    6463                    onChange={handleCheck}

  • client_app/src/components/main/App.js

    ra3d2b0d r17abe5e  
    22import {BrowserRouter as Router, Route} from 'react-router-dom';
    33import Login from '../login/login';
     4import Profile from "../data/profile";
    45import 'semantic-ui-css/semantic.min.css';
    56import HeaderComp from '../template/header';
    … …  
    1112    super(props);
    1213    this.state = {
    13       id: null,
    14       email: null,
    15       name: null,
    16       type: null
     14      currentUser: {}
    1715    }
    1816  }
    … …  
    2119      return(
    2220          <Router>
    23               <HeaderComp acc={this.state.email} accType={this.state.type} name={this.state.name}/>
     21              <HeaderComp acc={this.state.currentUser.email} accType={this.state.currentUser.type} name={this.state.currentUser.name}/>
    2422              <main>
    2523                  <Route path={"/login"} render={() => <Login onCompleteForm={this.attemptLogin}/>}/>
     24                  <Route path={"/profile"} render={() => <Profile userProfile={this.state.currentUser}/>}/>
    2625                  <Route path={"/"}/>
    2726                  <Route path={"/jobs"}/>
    … …  
    3231  }
    3332
    34   attemptLogin = (username, password, type) => {
    35       UserLogin.login(username, password, type).then((res) =>{
     33  attemptLogin = (email, password, type) => {
     34
     35      UserLogin.login(email, password, type).then((res) =>{
    3636          console.log(res.data);
    3737          this.setState({
    38             id: res.data.id,
    39             email: res.data.email,
    40             name: res.data.name,
    41             type: res.data.type
     38              currentUser: res.data
    4239          });
    4340      });

  • client_app/src/components/template/header.js

    ra3d2b0d r17abe5e  
    3131            return(
    3232                <Menu inverted position="right">
    33                     <Menu.Item as={Link} to='/login'>
    34                         Team
     33                    <Menu.Item as={Link} to='/profile'>
     34                        Profile
     35                    </Menu.Item>
     36                    <Menu.Item as={Link} to='/jobs'>
     37                        Jobs
     38                    </Menu.Item>
     39                    <Menu.Item as={Link} to='/projects'>
     40                        Projects
    3541                    </Menu.Item>
    3642                </Menu>
    … …  
    3945            return(
    4046                <Menu inverted position="right">
    41                     <Menu.Item as={Link} to='/login'>
    42                         User
     47                    <Menu.Item as={Link} to='/profile'>
     48                        Profile
     49                    </Menu.Item>
     50                    <Menu.Item as={Link} to='/jobs'>
     51                        Jobs
     52                    </Menu.Item>
     53                    <Menu.Item as={Link} to='/internships'>
     54                        Internships
    4355                    </Menu.Item>
    4456                </Menu>

  • client_app/src/repository/login_repo.js

    ra3d2b0d r17abe5e  
    22
    33const UserLogin = {
    4     login: (username, password, type) => {
     4    login: (email, password, type) => {
    55        return axios.post("/login", {
    6             "account": username,
     6            "email": email,
    77            "password": password,
    88            "type": type
Note: See TracChangeset for help on using the changeset viewer.