added testomonials

src/components/job-details/JobDetails.jsx

@@ -15,6 +15,7 @@ import { EmblFooter } from "../EmblFooter";
 import { EBICards } from "../EBICards";
 import { VfIntro } from "component-templates/VFIntro";
 import { useScrollToTop } from "../../helpers/useScrollToTop";
+import Testimony from "./Testimony";
 
 const shortcutLinks = [
   {
@@ -302,35 +303,7 @@ export function JobDetails({ location }) {
         )}
       </section>
       {/* testimony */}
-      {isLocationHinxton &&
-        currentJob.field_jobs_advertise_grade.includes("5 or 6") &&
-        currentJob.field_jobs_type.includes(
-          "Software Development and Engineering"
-        ) && (
-          <section
-            className="embl-grid embl-grid--has-sidebar"
-            data-vf-google-analytics-region="description-staff-image"
-            itemProp="description"
-          >
-            <div>{/* empty */}</div>
-            <div className="vf-content">
-              <figure className="vf-figure">
-                <img
-                  className="vf-figure__image"
-                  src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/THORMAN_Anja_EMBL-EBI_2016.jpeg.jpg"
-                  alt="Image of EMBL-EBI staff member at her desk"
-                  loading="lazy"
-                />
-                <figcaption className="vf-figure__caption vf-blockquote">
-                  "Since my first day at EMBL-EBI, I have cherished how
-                  friendly, helpful and talented everyone is. I particularly
-                  like the lively exchange of knowledge on campus." Anja
-                  Thormann, Software Developer
-                </figcaption>
-              </figure>
-            </div>
-          </section>
-        )}
+      {isLocationHinxton && <Testimony job={currentJob} />}
 
       {/* what else you need to know */}
       <section

src/components/job-details/Testimony.jsx

+import BioInformaticsMateus from "images/patricio-mateus.jpg";
+import { parseGrade } from "../../helpers/helpers";
+
+export default function Testimony({ job = {} }) {
+  const { field_jobs_type: jobType, title } = job;
+
+  // format of job grade string is "5 - 6 (monthly salary starting at $1234)". This converts it into a number
+  const jobGrade = parseGrade(job.field_jobs_advertise_grade);
+
+  // only if its a leader and grade is >= 9
+  if (title?.toLowerCase()?.includes("team leader") && jobGrade >= 9) {
+    return (
+      <TestimonyComponent
+        image={
+          "https://www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/external_relations/images/Jobs/YATES_Andy_DiNA_EMBL-EBI_2016.jpg"
+        }
+        quote="We have a lot of smart people here. I really enjoy making sure they have the right environment to maximise their potential."
+        author="Andy Yates, Team Leader"
+      />
+    );
+  }
+
+  if (jobType.includes("Software Development")) {
+    // Grade 4, 5
+    if (jobGrade === 4 || jobGrade === 5) {
+      return (
+        <TestimonyComponent
+          image={
+            "https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/THORMAN_Anja_EMBL-EBI_2016.jpeg.jpg"
+          }
+          quote="Since my first day at EMBL-EBI, I have cherished how friendly,
+                helpful and talented everyone is. I particularly like the lively
+                exchange of knowledge on campus."
+          author="Anja Thormann, Software Developer, Variation team"
+        />
+      );
+    } else if (jobGrade === 6 || jobGrade === 7) {
+      return (
+        <TestimonyComponent
+          image={
+            "https://acxngcvroo.cloudimg.io/v7/https://www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/external_relations/images/Jobs/HAWKINS_Ken_EMBL-EBI_2016.jpg"
+          }
+          quote="There’s a lot of opportunity to design for the need of content
+                and users, and to use web tools to understand how users engage
+                with content."
+          author="Ken Hawkins, Web Designer"
+        />
+      );
+    }
+  }
+  if (jobType.includes("IT and Infrastructure")) {
+    return (
+      <TestimonyComponent
+        image={
+          "https://acxngcvroo.cloudimg.io/v7/https://www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/communications/Tim%20Dyce%20copy%20770x289.jpg"
+        }
+        quote="What EMBL-EBI does is extremely positive and I wanted to be a
+              part of that. Throughout my career, I’ve always tried to take on
+              roles where I can go home in the evenings feeling I have done
+              something to support an organisation that seeks to be altruistic."
+        author="Tim Dyce, Head of Infrastructure Services"
+      />
+    );
+  }
+  if (
+    jobType.includes("Bioinformatics") &&
+    (jobGrade === 5 || jobGrade === 6)
+  ) {
+    return (
+      <TestimonyComponent
+        image={BioInformaticsMateus}
+        quote="I often find myself involved with completely new tasks that
+              require me to be dynamic and learn a whole new set of skills. You
+              arrive here with a set of skills and knowledge, but you will
+              probably leave having learned a lot more."
+        author="Mateus Patricio, Bioinformatician"
+      />
+    );
+  }
+  if (
+    jobType.includes("Postdoctoral Fellowship") ||
+    jobType.includes("Predoctoral Fellowship")
+  ) {
+    return (
+      <TestimonyComponent
+        image={
+          "https://www.ebi.ac.uk/sites/ebi.ac.uk/files/resize/groups/external_relations/images/People/Sara_Saheb_Kashaf_PhD1-770x289.jpg"
+        }
+        quote="Environment matters a lot more than you think. I picked my
+              supervisors primarily based on the research coming out of their
+              groups. I didn’t expect that they would also turn out to be
+              amazing mentors."
+        author="Sara Saheb Kashaf, PhD student"
+      />
+    );
+  }
+  if (jobType.includes("Administration")) {
+    return (
+      <TestimonyComponent
+        image={
+          "https://www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/external_relations/images/People/Gemma_Wood_770x400.jpeg"
+        }
+        quote="People get satisfaction out of seeing their work make a difference, so I encourage my team to look at outcomes and impact."
+        author="Gemma Wood, Head of Communications"
+      />
+    );
+  }
+  return null;
+}
+
+const TestimonyComponent = ({ image, quote, author }) => {
+  return (
+    <section
+      className="embl-grid embl-grid--has-sidebar"
+      data-vf-google-analytics-region="description-staff-image"
+      itemProp="description"
+    >
+      <div>{/* empty */}</div>
+      <div className="vf-content">
+        <figure className="vf-figure">
+          <img
+            className="vf-figure__image"
+            src={image}
+            alt="Image of EMBL-EBI staff member at her desk"
+            loading="lazy"
+          />
+          <figcaption className="vf-figure__caption vf-blockquote">
+            "{quote}"
+            <br />
+            {author}
+          </figcaption>
+        </figure>
+      </div>
+    </section>
+  );
+};

src/helpers/helpers.js

@@ -24,3 +24,16 @@ export const VfClassNormalize = function VfCssClassNormalize(...classList) {
     .filter((items) => items) //removes falsy items
     .join(" ");
 };
+
+/* Parses grade from string
+Example inputs: "Grade 9 - 10", "9", "", "Grade 6 or 7"  */
+export function parseGrade(input) {
+  if (!input) {
+    return 0;
+  }
+  const parsedInt = input.match(/\d+/);
+  if (parsedInt) {
+    return Number(parsedInt);
+  }
+  return 0;
+}