From 3155f6f9f250c51d3add8118fd74f81386659af4 Mon Sep 17 00:00:00 2001
From: dalmano <dalmano@outlook.com>
Date: Tue, 18 Jun 2019 15:45:50 +0100
Subject: [PATCH] render student data Relates #96

---
 .../LongStudentProfile.js                     |  1 +
 .../LongStudentProfileCard.js                 | 37 +++++++++++++------
 2 files changed, 27 insertions(+), 11 deletions(-)
 create mode 100644 src/components/ClientDashboard/LongStudentProfileCard/LongStudentProfile.js

diff --git a/src/components/ClientDashboard/LongStudentProfileCard/LongStudentProfile.js b/src/components/ClientDashboard/LongStudentProfileCard/LongStudentProfile.js
new file mode 100644
index 0000000..85aed6a
--- /dev/null
+++ b/src/components/ClientDashboard/LongStudentProfileCard/LongStudentProfile.js
@@ -0,0 +1 @@
+import React, { useState, useEffect } from "react";
diff --git a/src/components/ClientDashboard/LongStudentProfileCard/LongStudentProfileCard.js b/src/components/ClientDashboard/LongStudentProfileCard/LongStudentProfileCard.js
index 7a74519..632b05a 100644
--- a/src/components/ClientDashboard/LongStudentProfileCard/LongStudentProfileCard.js
+++ b/src/components/ClientDashboard/LongStudentProfileCard/LongStudentProfileCard.js
@@ -1,28 +1,43 @@
-import React from "react";
+import React, { useState, useEffect } from "react";
 import "./LongStudentProfileCard.css";
 import AcceptDecline from "../../AccectDeclineButtons/AcceptDecline.js";
+import axios from "axios";
 
 const LongStudentProfileCard = () => {
+  const [data, setData] = useState([]);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      const result = await axios(
+        "/api/student/get-student/5d0783ded1ea443e7621cc88"
+      );
+      console.log(result.data);
+      setData(result.data);
+    };
+    fetchData();
+  }, []);
+
   return (
     <div className="LongStudentProfileCard--main">
       <div className="LongStudentProfileCard">
         <div className="LongStudentProfileCard--container">
-          <h2 className="LongStudentProfileCard--projectname">Student Name</h2>
+          <h2 className="LongStudentProfileCard--projectname">
+            Student Name: {data.firstName}
+            {data.lastName}
+          </h2>
           <p className="LongStudentProfileCard--projectdesc">
-            Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem
-            Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum
-            Lorem Ipsum
+            About Myself: {data.aboutYou}
           </p>
           <div className="LongStudentProfileCard--contactcontainer">
             <div className="LongStudentProfileCard--contactdetailsdiv">
-              <h4>Student Email</h4>
-              <h4>Student Phone</h4>
-              <h4>Student Linkedin</h4>
+              <h4>Email: {data.email}</h4>
+              <h4>Phone: {data.phoneNumber}</h4>
+              <h4>Linkedin: {data.LinkedinURL}</h4>
             </div>
             <div className="LongStudentProfileCard--projectdetailsdiv">
-              <h4>University name</h4>
-              <h4>Location</h4>
-              <h4>Year of Study</h4>
+              <h4>University: {data.university}</h4>
+              <h4>Course Studied: {data.courseStudied}</h4>
+              <h4>Year of Study: {data.yearOfStudy}</h4>
             </div>
           </div>
           <div className="LongStudentProfileCard--downloadbrief">