Last change
on this file since 81c9e25 was c9fa474, checked in by i-ina <76742075+i-ina@…>, 4 years ago |
cleaning
|
-
Property mode
set to
100644
|
File size:
1.6 KB
|
Rev | Line | |
---|
[2e507a8] | 1 | import React from 'react';
|
---|
| 2 | import {Container, Header, Table, Item, Button, Segment} from 'semantic-ui-react'
|
---|
| 3 | import {Link} from "react-router-dom";
|
---|
| 4 |
|
---|
| 5 | const UserDetails = (props) =>{
|
---|
| 6 | return(
|
---|
| 7 | <Container textAlign="left">
|
---|
| 8 | <Header as="h1">Welcome</Header>
|
---|
| 9 | <Segment>
|
---|
| 10 | <Header as="h3">{props.data.name} {props.data.surname}</Header>
|
---|
| 11 | <Header as="h4" color="gray">Mail: {props.data.email}</Header>
|
---|
| 12 | <Table celled>
|
---|
| 13 | <Table.Header>
|
---|
| 14 | <Table.Row>
|
---|
| 15 | <Table.HeaderCell>Retained Skills:</Table.HeaderCell>
|
---|
| 16 | <Table.HeaderCell>Skills to Learn:</Table.HeaderCell>
|
---|
| 17 | </Table.Row>
|
---|
| 18 | </Table.Header>
|
---|
| 19 | <Table.Body>
|
---|
| 20 | <Table.Row>
|
---|
| 21 | <Table.Cell active>
|
---|
| 22 | {props.data.retained.map((value, index) => {
|
---|
| 23 | return <Item key={index}>{value.name}</Item>
|
---|
| 24 | })}
|
---|
| 25 | </Table.Cell>
|
---|
| 26 | <Table.Cell active>
|
---|
| 27 | {props.data.toLearn.map((value, index) => {
|
---|
| 28 | return <Item key={index}>{value.name}</Item>
|
---|
| 29 | })}
|
---|
| 30 | </Table.Cell>
|
---|
| 31 | </Table.Row>
|
---|
| 32 | </Table.Body>
|
---|
| 33 | </Table>
|
---|
| 34 | </Segment>
|
---|
| 35 | <Button icon="settings" primary as={Link} to={"/user/edit"} />
|
---|
| 36 | </Container>
|
---|
| 37 | );
|
---|
| 38 | }
|
---|
| 39 |
|
---|
| 40 | export default UserDetails; |
---|
Note:
See
TracBrowser
for help on using the repository browser.