Index: client_app/src/components/item_components/internship_component.js
===================================================================
--- client_app/src/components/item_components/internship_component.js	(revision 5b363179ee836c8dc9a017bf6e365a57a9e21678)
+++ client_app/src/components/item_components/internship_component.js	(revision 0d7b1a99d34c114a0a74000dae2302cb79cb93c1)
@@ -9,5 +9,5 @@
             <Segment>{props.description}</Segment>
             <Segment>
-                <Header as="h5" color="gray">{props.accountName}</Header>
+                <Header as="h5" color="grey">{props.accountName}</Header>
                 <Header as="h4" color="blue">Owner Mail: {props.accountEmail}</Header>
             </Segment>
@@ -16,5 +16,5 @@
                 <List>
                     {props.skills.map(skill => {
-                        return <List.Item>{skill.name}</List.Item>
+                        return <List.Item key={skill.id}>{skill.name}</List.Item>
                     })}
                 </List>
Index: client_app/src/components/item_components/job_component.js
===================================================================
--- client_app/src/components/item_components/job_component.js	(revision 5b363179ee836c8dc9a017bf6e365a57a9e21678)
+++ client_app/src/components/item_components/job_component.js	(revision 0d7b1a99d34c114a0a74000dae2302cb79cb93c1)
@@ -1,4 +1,5 @@
 import React from 'react';
 import {Header, List, Segment, Button} from 'semantic-ui-react';
+import {Link} from "react-router-dom";
 
 const Jobs = (props) => {
@@ -6,8 +7,15 @@
         <Segment>
             <Header as="h3">{props.title}</Header>
-            {props.type!=="USER" ? <Button primary>Edit</Button> : <span> </span>}
+            {props.type!=="USER" ? <Button primary as={Link} to={{
+                pathname: "/edit/job",
+                state: {
+                    jobId: props.id,
+                    accId: props.accId,
+                    type: props.type
+                }
+            }}>Edit</Button> : <span> </span>}
             <Segment>{props.description}</Segment>
             <Segment>
-                <Header as="h5" color="gray">{props.accountName}</Header>
+                <Header as="h5" color="grey">{props.accountName}</Header>
                 <Header as="h4" color="blue">Owner Mail: {props.accountEmail}</Header>
             </Segment>
@@ -16,5 +24,5 @@
                 <List>
                     {props.skills.map(skill => {
-                        return <List.Item>{skill.name}</List.Item>
+                        return <List.Item key={skill.id}>{skill.name}</List.Item>
                     })}
                 </List>
Index: client_app/src/components/item_components/project_component.js
===================================================================
--- client_app/src/components/item_components/project_component.js	(revision 5b363179ee836c8dc9a017bf6e365a57a9e21678)
+++ client_app/src/components/item_components/project_component.js	(revision 0d7b1a99d34c114a0a74000dae2302cb79cb93c1)
@@ -10,5 +10,5 @@
             <Segment>{props.description}</Segment>
             <Segment>
-                <Header as="h5" color="gray">{props.accountName}</Header>
+                <Header as="h5" color="grey">{props.accountName}</Header>
                 <Header as="h4" color="blue">Owner Mail: {props.accountEmail}</Header>
             </Segment>
@@ -17,5 +17,5 @@
                 <List>
                     {props.skills.map(skill => {
-                        return <List.Item>{skill.name}</List.Item>
+                        return <List.Item key={skill.id}>{skill.name}</List.Item>
                     })}
                 </List>