Last change
on this file since e857530 was c9fa474, checked in by i-ina <76742075+i-ina@…>, 4 years ago |
cleaning
|
-
Property mode
set to
100644
|
File size:
1.6 KB
|
Line | |
---|
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.