Fakultas Ilmu Komputer UI

CompanyProfile.jsx 2.03 KB
Newer Older
1
2
import React from 'react';
import { Segment, Header, Image, Container, Form, Button, Icon, TextArea } from 'semantic-ui-react';
M. Reza Qorib's avatar
M. Reza Qorib committed
3
import TopMenu from './components/TopMenu';
4
5
6

export default class CompanyProfile extends React.Component {

M. Reza Qorib's avatar
M. Reza Qorib committed
7
8
9
10
  static propTypes = {
    user: React.PropTypes.object.isRequired,
  };

11
  render() {
Zamil Majdy's avatar
Zamil Majdy committed
12
    const defaultLogo = 'https://semantic-ui.com/images/wireframe/square-image.png';
M. Reza Qorib's avatar
M. Reza Qorib committed
13
    const data = TopMenu.getInfo(this.props.user);
14
    return (
Zamil Majdy's avatar
Zamil Majdy committed
15
16
      <div className="companyProfile">
        <Segment className="segmentProfileCompany" >
17
          <Header as="h2" icon textAlign="center">
M. Reza Qorib's avatar
M. Reza Qorib committed
18
            <Image src={data.logo || defaultLogo} size="small" shape="circular" />
19
20
          </Header>
          <Container textAlign="center" className="profile-biodata">
Zamil Majdy's avatar
Zamil Majdy committed
21
            <div className="biodataCompany">
M. Reza Qorib's avatar
M. Reza Qorib committed
22
23
              <h2>{ data.name }</h2>
              <h3>{ data.address }t</h3>
24
              <p>{ data.category } - { data.description }</p>
25
26
27
            </div>
          </Container>
        </Segment>
Zamil Majdy's avatar
Zamil Majdy committed
28
        {/* <Segment className="profileFormCompany">*/}
M. Reza Qorib's avatar
M. Reza Qorib committed
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
        {/* <Header as="h3" textAlign="center">*/}
        {/* <Icon name="edit" />*/}
        {/* <Header.Content>*/}
        {/* Edit Profile Page*/}
        {/* </Header.Content>*/}
        {/* </Header>*/}
        {/* <Form size="small" >*/}
        {/* <Form.Field>*/}
        {/* <label htmlFor="photo">Logo Perusahaan</label>*/}
        {/* <input placeholder="Profile Photo.jpg" name="photo" type="File" />*/}
        {/* </Form.Field>*/}
        {/* <Form.Field>*/}
        {/* <label htmlFor="email">Nama Perusahaan</label>*/}
        {/* <input placeholder="Nama Perusahaan" name="email" />*/}
        {/* </Form.Field>*/}
        {/* <Form.Field>*/}
        {/* <label htmlFor="phone">Deskripsi</label>*/}
        {/* <TextArea placeholder='Try adding multiple lines' autoHeight />*/}
        {/* </Form.Field>*/}
        {/* <Button type="submit" size="small" primary floated="right">Submit</Button>*/}
        {/* </Form>*/}
        {/* </Segment>*/}
51
52
53
54
      </div>
    );
  }
}