[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';
|
---|
[c9fa474] | 4 | import Profile from "../profiles/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";
|
---|
[c9fa474] | 9 | import UserJobs from "../work/user_jobs";
|
---|
| 10 | import UserInternships from "../work/user_internships";
|
---|
| 11 | import UserProjects from "../work/user_projects";
|
---|
| 12 | import CompanyJobs from "../work/company_jobs";
|
---|
| 13 | import TeamProjects from "../work/team_projects";
|
---|
| 14 | import TeamJobs from "../work/team_jobs";
|
---|
| 15 | import CompanyInternships from "../work/company_internships";
|
---|
[19ad843] | 16 | import RegisterUser from "../register/register_user_form";
|
---|
[df3a395] | 17 | import RegisterCompany from "../register/register_company_form";
|
---|
| 18 | import RegisterTeam from "../register/register_team_form";
|
---|
[580ba1a] | 19 | import Search from "../filter/search";
|
---|
| 20 | import EditUser from "../account_edit/user_edit";
|
---|
| 21 | import EditCompany from "../account_edit/company_edit";
|
---|
[be373a8] | 22 | import EditTeam from "../account_edit/team_edit";
|
---|
[db94dbd] | 23 | import JobRegister from "../work_register/job_register";
|
---|
| 24 | import InternshipRegister from "../work_register/internship_register";
|
---|
| 25 | import ProjectRegister from "../work_register/project_register";
|
---|
[21175ba] | 26 | import EditJob from "../work_edit/test";
|
---|
[3f5bf9e] | 27 |
|
---|
| 28 | class App extends Component{
|
---|
| 29 | constructor(props) {
|
---|
| 30 | super(props);
|
---|
| 31 | this.state = {
|
---|
[6f9b7b0] | 32 | logged: false,
|
---|
| 33 | error: null,
|
---|
[df3a395] | 34 | success: null,
|
---|
[fc8421e] | 35 | currentUser: {
|
---|
| 36 | }
|
---|
[3f5bf9e] | 37 | }
|
---|
| 38 | }
|
---|
| 39 |
|
---|
[580ba1a] | 40 | render(){
|
---|
[6f9b7b0] | 41 | return(
|
---|
| 42 | <Router>
|
---|
[2e507a8] | 43 | <HeaderComp acc={this.state.currentUser.email} accType={this.state.currentUser.type} name={this.state.currentUser.name} removeState={this.removeState}/>
|
---|
[6f9b7b0] | 44 | <main>
|
---|
[df3a395] | 45 | <Route path={"/login"} render={() => <Login success={this.state.success} error={this.state.error} onCompleteForm={this.attemptLogin} loggedIn={this.state.logged}/>}/>
|
---|
[19ad843] | 46 | <Route path={"/profile"} render={() => <Profile userProfile={this.state.currentUser}/>}/>
|
---|
| 47 | <Route path={"/user/jobs"} render={() => <UserJobs userProfile={this.state.currentUser}/>}/>
|
---|
| 48 | <Route path={"/user/internships"} render={() => <UserInternships userProfile={this.state.currentUser}/>}/>
|
---|
| 49 | <Route path={"/user/projects"} render={() => <UserProjects userProfile={this.state.currentUser}/>}/>
|
---|
| 50 | <Route path={"/team/jobs"} render={() => <TeamJobs userProfile={this.state.currentUser}/>}/>
|
---|
| 51 | <Route path={"/team/projects"} render={() => <TeamProjects userProfile={this.state.currentUser}/>}/>
|
---|
| 52 | <Route path={"/company/jobs"} render={() => <CompanyJobs userProfile={this.state.currentUser}/>}/>
|
---|
| 53 | <Route path={"/company/internships"} render={() => <CompanyInternships userProfile={this.state.currentUser}/>}/>
|
---|
[df3a395] | 54 | <Route path={"/register/user"} render={() => <RegisterUser message={this.setSuccess} />}/>
|
---|
| 55 | <Route path={"/register/company"} render={() => <RegisterCompany message={this.setSuccess} />}/>
|
---|
| 56 | <Route path={"/register/team"} render={() => <RegisterTeam message={this.setSuccess}/>}/>
|
---|
[580ba1a] | 57 | <Route path={"/user/search"} render={() => <Search loggedIn={this.state.logged}/>}/>
|
---|
| 58 | <Route path={"/user/edit"} render={() => <EditUser oldUser={this.state.currentUser} updateUser={this.updateUser} message={this.setSuccess}/>}/>
|
---|
| 59 | <Route path={"/company/edit"} render={() => <EditCompany oldUser={this.state.currentUser} updateUser={this.updateUser} message={this.setSuccess}/>}/>
|
---|
[be373a8] | 60 | <Route path={"/team/edit"} render={() => <EditTeam oldUser={this.state.currentUser} updateUser={this.updateUser} message={this.setSuccess}/>}/>
|
---|
[db94dbd] | 61 | <Route path={"/register/job"} render={() => <JobRegister accountId={this.state.currentUser.id} type={this.state.currentUser.type} updateJobs={this.updateJobs} />}/>
|
---|
| 62 | <Route path={"/register/internship"} render={() => <InternshipRegister accountId={this.state.currentUser.id} type={this.state.currentUser.type} updateInternships={this.updateInternships} />}/>
|
---|
[5b36317] | 63 | <Route path={"/register/project"} render={() => <ProjectRegister accountId={this.state.currentUser.id} type={this.state.currentUser.type} updateProjects={this.updateProjects} />}/>
|
---|
[21175ba] | 64 | <Route path={"/edit/job"} render={(props) => <EditJob {...props} editJob={this.editJob}/>} />
|
---|
| 65 | <Route path={"/edit/internship"} render={(props) => <EditInternship {...props} editJob={this.editInternship}/>} />
|
---|
| 66 | <Route path={"/edit/project"} render={(props) => <EditProject {...props} editJob={this.editProject}/>} />
|
---|
[2e507a8] | 67 | <Route path={"/logout"} render={() => <Redirect to={"/login"}/>}/>
|
---|
[6f9b7b0] | 68 | <Route path={"/"} render={() => <Redirect to={"/login"}/>}/>
|
---|
| 69 | </main>
|
---|
| 70 | </Router>
|
---|
| 71 | );
|
---|
[3f5bf9e] | 72 | }
|
---|
| 73 |
|
---|
[2e507a8] | 74 | removeState = () => {
|
---|
| 75 | this.setState({
|
---|
| 76 | logged: false,
|
---|
| 77 | error: null,
|
---|
| 78 | currentUser: {}
|
---|
| 79 | })
|
---|
| 80 | }
|
---|
| 81 |
|
---|
[580ba1a] | 82 | updateUser = (user) =>{
|
---|
| 83 | this.setState({
|
---|
| 84 | currentUser: user
|
---|
| 85 | })
|
---|
| 86 | }
|
---|
| 87 |
|
---|
[df3a395] | 88 | setSuccess = (message) => {
|
---|
| 89 | this.setState({
|
---|
[be373a8] | 90 | success: message,
|
---|
| 91 | error: null
|
---|
[df3a395] | 92 | })
|
---|
| 93 | }
|
---|
[2e507a8] | 94 |
|
---|
[db94dbd] | 95 | updateJobs = (job) => {
|
---|
| 96 | this.setState(prevState => ({
|
---|
| 97 | currentUser:{
|
---|
| 98 | ...prevState.currentUser,
|
---|
| 99 | jobs: [...prevState.currentUser.jobs, job]
|
---|
| 100 | }
|
---|
| 101 | }))
|
---|
| 102 | }
|
---|
| 103 |
|
---|
| 104 | updateInternships = (internship) => {
|
---|
| 105 | this.setState(prevState => ({
|
---|
| 106 | currentUser:{
|
---|
| 107 | ...prevState.currentUser,
|
---|
| 108 | internships: [...prevState.currentUser.internships, internship]
|
---|
| 109 | }
|
---|
| 110 | }))
|
---|
| 111 | }
|
---|
| 112 |
|
---|
| 113 | updateProjects = (project) => {
|
---|
| 114 | this.setState(prevState => ({
|
---|
| 115 | currentUser:{
|
---|
| 116 | ...prevState.currentUser,
|
---|
| 117 | projects: [...prevState.currentUser.projects, project]
|
---|
| 118 | }
|
---|
| 119 | }))
|
---|
| 120 | }
|
---|
| 121 |
|
---|
[21175ba] | 122 | editJob = (job, index) => {
|
---|
| 123 | this.setState(prevState => ({
|
---|
| 124 | currentUser:{
|
---|
| 125 | ...prevState.currentUser,
|
---|
| 126 | jobs: Object.assign([],this.state.jobs,{[index]: job})
|
---|
| 127 | }
|
---|
| 128 | }))
|
---|
| 129 | }
|
---|
| 130 |
|
---|
| 131 | editInternship = (internship, index) => {
|
---|
| 132 | this.setState(prevState => ({
|
---|
| 133 | currentUser:{
|
---|
| 134 | ...prevState.currentUser,
|
---|
| 135 | internships: Object.assign([],this.state.jobs,{[index]: internship})
|
---|
| 136 | }
|
---|
| 137 | }))
|
---|
| 138 | }
|
---|
| 139 |
|
---|
| 140 | editProject = (project, index) => {
|
---|
| 141 | this.setState(prevState => ({
|
---|
| 142 | currentUser:{
|
---|
| 143 | ...prevState.currentUser,
|
---|
| 144 | projects: Object.assign([],this.state.jobs,{[index]: project})
|
---|
| 145 | }
|
---|
| 146 | }))
|
---|
| 147 | }
|
---|
| 148 |
|
---|
[17abe5e] | 149 | attemptLogin = (email, password, type) => {
|
---|
| 150 | UserLogin.login(email, password, type).then((res) =>{
|
---|
[6f9b7b0] | 151 | if(res.data.email==null){
|
---|
| 152 | this.setState({
|
---|
| 153 | logged: false,
|
---|
| 154 | error: res.data.error,
|
---|
| 155 | });
|
---|
| 156 | }else{
|
---|
| 157 | this.setState({
|
---|
| 158 | logged: true,
|
---|
| 159 | currentUser: res.data,
|
---|
| 160 | error: null,
|
---|
| 161 | });
|
---|
| 162 | }
|
---|
[3f5bf9e] | 163 | });
|
---|
[6f9b7b0] | 164 |
|
---|
| 165 | if(this.state.currentUser.email!=null){
|
---|
| 166 | return <Redirect to={"/profile"}/>;
|
---|
| 167 | }
|
---|
[3f5bf9e] | 168 | }
|
---|
| 169 | }
|
---|
| 170 |
|
---|
| 171 | export default App;
|
---|