Changeset e857530 for client_app/src/components/profiles

Timestamp:

02/10/21 17:33:29 (4 years ago)

Author:

i-ina <76742075+i-ina@…>

Branches:

master

Children:

1b4b6ff

Parents:

bf9486e

Message:

adjusted company and team look

Location:

client_app/src/components/profiles

Files:

• company_profile.js (modified) (2 diffs)
• team_profile.js (modified) (2 diffs)

client_app/src/components/profiles/company_profile.js

@@ -1 +1 @@
 import React from 'react';
-import {Container, Header, Table, Item, Button} from 'semantic-ui-react'
+import {Container, Header, Table, Item, Button, Segment} from 'semantic-ui-react'
 import {Link} from "react-router-dom";
 
@@ -6 +6 @@
     return(
         <Container textAlign="left">
-            <Header>Company:</Header>
-            <h3>{props.data.name}</h3>
-            <h2>E-mail: {props.data.email}</h2>
-            <h3>Address: {props.data.address.country} {props.data.address.city} {props.data.address.street}</h3>
-            <Button primary as={Link} to={"/company/edit"}>Edit</Button>
+            <Header as="h1">Welcome!</Header>
+            <Segment.Group>
+                <Segment>
+                    <Header>Company</Header>
+                </Segment>
+                <Segment>
+                    <Header as="h3">Company Name:</Header>
+                    {props.data.name}
+                </Segment>
+                <Segment>
+                    <Header as="h3">Company e-mail:</Header>
+                    {props.data.email}
+                </Segment>
+                <Segment><b>Address: </b> {props.data.address.country}-{props.data.address.city}-{props.data.address.street}</Segment>
+            </Segment.Group>
+            <Button primary as={Link} to={"/team/edit"}>Edit</Button>
         </Container>
     );

client_app/src/components/profiles/team_profile.js

@@ -1 +1 @@
 import React from 'react';
-import {Container, Header, Table, Item, Button} from 'semantic-ui-react'
+import {Container, Header, Table, Item, Button, Segment} from 'semantic-ui-react'
 import {Link} from "react-router-dom";
 
@@ -6 +6 @@
     return(
         <Container textAlign="left">
-            <Header>Team:</Header>
-            <h3>{props.data.name}</h3>
-            <h2>E-mail: {props.data.email}</h2>
-            <h3>Members: {props.data.members}</h3>
+            <Header as="h1">Welcome!</Header>
+            <Segment.Group>
+                <Segment>
+                    <Header>Team</Header>
+                </Segment>
+                <Segment>
+                    <Header as="h3">Team Name:</Header>
+                    {props.data.name}
+                </Segment>
+                <Segment>
+                    <Header as="h3">Team e-mail:</Header>
+                    {props.data.email}
+                </Segment>
+                <Segment><b>Number of members:</b> {props.data.members}</Segment>
+            </Segment.Group>
             <Button primary as={Link} to={"/team/edit"}>Edit</Button>
         </Container>