source: client_app/src/components/account_edit/company_edit.js@ 580ba1a

Last change on this file since 580ba1a was 580ba1a, checked in by Vzdra <vladko.zdravkovski@…>, 3 years ago

register and edit

  • Property mode set to 100644
File size: 3.3 KB
Line 
1import React from 'react';
2import 'semantic-ui-react';
3import {Button, Container, Form} from "semantic-ui-react";
4import { Redirect } from 'react-router-dom';
5import UserRegister from "../../repository/register_repo";
6import {Component} from "react/cjs/react.production.min";
7import AccountEdit from "../../repository/edit_account_repo";
8
9class EditCompany extends Component {
10 constructor(props){
11 super(props);
12 this.state = {
13 email: "",
14 password: "",
15 name:"",
16 members: "",
17 city: "",
18 street: "",
19 error: null,
20 success: null
21 }
22 this.attemptCompanyEdit = this.attemptCompanyEdit.bind(this);
23 }
24
25 handleCheck = (e, {value}) => {
26 this.setState({
27 ...this.state,
28 [e.target.name]: value
29 })
30 }
31
32 attemptCompanyEdit = () => {
33 AccountEdit.companyEdit(
34 this.state.email,
35 this.state.password,
36 this.state.name,
37 this.state.country
38 ,this.state.city,
39 this.state.street
40 ).then(res =>{
41 if(res.data.success!=null){
42 this.setState({
43 success: res.data.success,
44 error: null
45 })
46 this.props.message(this.state.success);
47 }else{
48 this.setState({
49 error: res.data.error,
50 success: null
51 })
52 }
53 }).catch(err => {
54 this.setState({
55 error: "Company already exists!",
56 success: null
57 })
58 })
59 }
60
61 componentDidMount(){
62 this.props.message(null);
63 }
64
65 render() {
66 if(this.state.success!=null){
67 return(
68 <Redirect to={"/login"}/>
69 );
70 }
71
72 return (
73 <Container>
74 <h1 style={{color: "red"}}>{this.state.error}</h1>
75 <Form onSubmit={this.attemptCompanyRegister}>
76 <Form.Input id="email" name="email" type='email' required fluid label='E-mail'
77 placeholder='Enter e-mail.' onChange={this.handleCheck}/>
78 <Form.Input id="password" name="password" type='password' required fluid label='Password'
79 placeholder='Enter password.' onChange={this.handleCheck}/>
80 <Form.Input id="name" name="name" type='text' required fluid label='Name'
81 placeholder='Enter company name.' onChange={this.handleCheck}/>
82 <Form.Input id="country" name="country" type='text' required fluid label='Country'
83 placeholder='Enter your country.' onChange={this.handleCheck}/>
84 <Form.Input id="city" name="city" type='text' required fluid label='City'
85 placeholder='Enter your city.' onChange={this.handleCheck}/>
86 <Form.Input id="street" name="street" type='text' required fluid label='Street'
87 placeholder='Enter address street.' onChange={this.handleCheck}/>
88 <Form.Field control={Button}>Register</Form.Field>
89 </Form>
90 </Container>
91 );
92 }
93}
94
95export default EditCompany;
Note: See TracBrowser for help on using the repository browser.