Changeset e958037 for reactapp/src/Pages/Professor.js

Timestamp:

07/30/22 20:37:52 (2 years ago)

Author:

Viktor <mlviktor23@…>

Branches:

main

Children:

5347491

Parents:

2998dc4

Message:

added styling to /professor/{professorId} page

File:

• reactapp/src/Pages/Professor.js (modified) (2 diffs)

reactapp/src/Pages/Professor.js

@@ -3 +3 @@
 import JSOG from "jsog";
 import OpinionTree from "../Components/OpinionTree";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import {
+  solid,
+  regular,
+  brands,
+} from "@fortawesome/fontawesome-svg-core/import.macro";
+
+import {
+  ProfessorCard,
+  ProfessorCardDetails,
+  ProfessorCardName,
+  ProfessorCardSeparator,
+} from "../Components/ProfessorCard.style";
 
 function Professor(props) {
@@ -32 +45 @@
     return (
       <div>
-        <h2>{professor.professorName}</h2>
-        <h3>{professor.faculty.facultyName}</h3>
-        <h3>Мислења</h3>
+        <ProfessorCard>
+          <ProfessorCardName>{professor.professorName}</ProfessorCardName>
+          <ProfessorCardSeparator />
+          <div style={{ marginTop: "20px" }}>
+            <ProfessorCardDetails fontSize="20px">
+              {professor.faculty.facultyName}
+            </ProfessorCardDetails>
+            <ProfessorCardDetails fontSize="15px">
+              {professor.faculty.university.universityName}
+            </ProfessorCardDetails>
+          </div>
+        </ProfessorCard>
+        <h3>{professor.relatedOpinions.length} мислења</h3>
         <div className="opinionTree">
           <OpinionTree professor={professor} />