Last change
on this file since ed3f5c4 was ed3f5c4, checked in by Vzdra <vladko.zdravkovski@…>, 3 years ago |
more groundwork
|
-
Property mode
set to
100644
|
File size:
1.2 KB
|
Rev | Line | |
---|
[2e507a8] | 1 | import React from 'react';
|
---|
| 2 | import {Header, List, Segment, Button} from 'semantic-ui-react';
|
---|
[0d7b1a9] | 3 | import {Link} from "react-router-dom";
|
---|
[2e507a8] | 4 |
|
---|
| 5 | const Jobs = (props) => {
|
---|
| 6 | return(
|
---|
| 7 | <Segment>
|
---|
[4302312] | 8 | <Header as="h3">{props.item.title}</Header>
|
---|
[ed3f5c4] | 9 | {props.item.type!=="USER" ? <Button primary as={Link} to={{
|
---|
[0d7b1a9] | 10 | pathname: "/edit/job",
|
---|
| 11 | state: {
|
---|
[4302312] | 12 | jobId: props.item.id,
|
---|
| 13 | accId: props.item.accId,
|
---|
| 14 | type: props.item.type
|
---|
[0d7b1a9] | 15 | }
|
---|
| 16 | }}>Edit</Button> : <span> </span>}
|
---|
[4302312] | 17 | <Segment>{props.item.description}</Segment>
|
---|
[2e507a8] | 18 | <Segment>
|
---|
[4302312] | 19 | <Header as="h5" color="grey">{props.item.accountName}</Header>
|
---|
| 20 | <Header as="h4" color="blue">Owner Mail: {props.item.accountEmail}</Header>
|
---|
[2e507a8] | 21 | </Segment>
|
---|
| 22 | <Segment>
|
---|
| 23 | <Header as="h3">Skills Required:</Header>
|
---|
| 24 | <List>
|
---|
[ed3f5c4] | 25 | {props.item.skillsRequired.map(skill => {
|
---|
[0d7b1a9] | 26 | return <List.Item key={skill.id}>{skill.name}</List.Item>
|
---|
[2e507a8] | 27 | })}
|
---|
| 28 | </List>
|
---|
| 29 | </Segment>
|
---|
| 30 | </Segment>
|
---|
| 31 | );
|
---|
| 32 | }
|
---|
| 33 |
|
---|
| 34 | export default Jobs; |
---|
Note:
See
TracBrowser
for help on using the repository browser.