Last change
on this file since c9fa474 was c9fa474, checked in by i-ina <76742075+i-ina@…>, 3 years ago |
cleaning
|
-
Property mode
set to
100644
|
File size:
888 bytes
|
Rev | Line | |
---|
[2e507a8] | 1 | import React from 'react';
|
---|
| 2 | import {Header, List, Segment, Button} from 'semantic-ui-react';
|
---|
| 3 |
|
---|
| 4 | const Projects = (props) => {
|
---|
| 5 |
|
---|
| 6 | return(
|
---|
| 7 | <Segment>
|
---|
| 8 | <Header as="h3">{props.title}</Header>
|
---|
| 9 | {props.type!=="USER" ? <Button primary>Edit</Button> : <span> </span>}
|
---|
| 10 | <Segment>{props.description}</Segment>
|
---|
| 11 | <Segment>
|
---|
| 12 | <Header as="h5" color="gray">{props.accountName}</Header>
|
---|
| 13 | <Header as="h4" color="blue">Owner Mail: {props.accountEmail}</Header>
|
---|
| 14 | </Segment>
|
---|
| 15 | <Segment>
|
---|
| 16 | <Header as="h3">Skills Required:</Header>
|
---|
| 17 | <List>
|
---|
| 18 | {props.skills.map(skill => {
|
---|
| 19 | return <List.Item>{skill.name}</List.Item>
|
---|
| 20 | })}
|
---|
| 21 | </List>
|
---|
| 22 | </Segment>
|
---|
| 23 | </Segment>
|
---|
| 24 | );
|
---|
| 25 | }
|
---|
| 26 |
|
---|
| 27 | export default Projects; |
---|
Note:
See
TracBrowser
for help on using the repository browser.