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