Changeset 96eb8bc for client_app/src

Timestamp:

01/12/21 21:38:05 (4 years ago)

Author:

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

Branches:

master

Children:

48e4a3e

Parents:

47067ae

Message:

added projects render

Location:

client_app/src/components/data/components

Files:

• item_components/job_component.js (modified) (1 diff)
• user_internships.js (modified) (1 diff)
• user_jobs.js (modified) (1 diff)
• user_projects.js (modified) (1 diff)

client_app/src/components/data/components/item_components/job_component.js

@@ -3 +3 @@
 
 const Jobs = (props) => {
-
     return(
         <Segment>

client_app/src/components/data/components/user_internships.js

@@ -1 @@
-import {Card, Container} from "semantic-ui-react";
+import {Container} from "semantic-ui-react";
 import {Redirect} from "react-router-dom";
 import React from "react";

client_app/src/components/data/components/user_jobs.js

@@ -6 +6 @@
 
 const UserJobs = (props) =>{
-    var itemsArray = [];
-
     if(props.userProfile.type==="USER"){
         if(props.userProfile.email!=null){

client_app/src/components/data/components/user_projects.js

@@ -2 +2 @@
 import {Redirect} from "react-router-dom";
 import React from "react";
+import Projects from "./item_components/project_component";
 
 const UserProjects = (props) =>{
-    var itemsArray = [];
-
     if(props.userProfile.type==="USER"){
         if(props.userProfile.email!=null){
-            props.userProfile.projects.forEach(item => {
-                let obj = {}
-                obj.header = item.title;
-                obj.description = item.description + "\n" + item.accountEmail + " for contact!";
-                obj.meta = "Team: " + item.accountName + " / Salary: " + item.salary;
-
-                itemsArray.push(obj);
-            });
-
             return(
-                <Container textAlign="left">
+                <Container>
                     <h1>Projects for you!</h1>
-                    <Card.Group items={itemsArray} />
+                    {props.userProfile.projects.map(item =>{
+                        return <Projects
+                            title={item.title}
+                            description={item.description}
+                            accountName={item.accountName}
+                            accountEmail={item.accountEmail}
+                            skills={item.skillsRequired}
+                            type={props.userProfile.type}
+                        />})
+                    }
                 </Container>
             );