Merge pull request #167 from HaudinFlorence/fix_social_media_icons_conditional_rendering

Add conditions on rendering the social media icons on the portrait cards

Author: SylvainCorlay

src/components/about/SocialMediaContacts.tsx

@@ -8,9 +8,23 @@ export default function SocialMediaContacts({ person }) {
   return (
     <>
       <div className="flex-full-centered">
-        <Link href={person.githubLink}>{<GHPicture />}</Link>
-        <Link href={person.LinkedInLink}>{<LinkedInPicture />}</Link>
-        <Link href={person.XLink}>{<XPicture />}</Link>
+        <div>
+          {person.onGithub === "true" ? (
+            <Link href={person.githubLink}>{<GHPicture />}</Link>
+          ) : (
+            null
+          )}
+        </div>
+        {person.onLinkedIn === "true" ? (
+          <Link href={person.LinkedInLink}>{<LinkedInPicture />}</Link>
+        ) : (
+          null
+        )}
+        {person.onX === "true" ? (
+          <Link href={person.XLink}>{<XPicture />}</Link>
+        ) : (
+          null
+        )}
       </div>
       <div className="flex-full-centered">
         <Link href={person.githubLink} className={styles.githubname}>

src/components/about/Team/team.ts

@@ -164,7 +164,7 @@ export const coreTeam = [
     firstName: "Nicolas",
     position: "Scientific Software Developer",
     onGithub: "true",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onX: "false",
     githubLink: "https://github.com/brichet",
     LinkedInLink: "https://www.linkedin.com/in/nicolas-brichet-a26369150/",
@@ -181,7 +181,7 @@ export const coreTeam = [
     firstName: "Isabel",
     position: "Scientific Software Developer",
     onGithub: "true",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onX: "false",
     githubLink: "https://github.com/ihuicatl",
     LinkedInLink: "https://www.linkedin.com/in/isabel-paredes/",
@@ -198,7 +198,7 @@ export const coreTeam = [
     firstName: "Gabriela",
     position: "User Experience Researcher and Designer",
     onGithub: "true",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onX: "false",
     githubLink: "https://github.com/GabrielaVives",
     LinkedInLink: "https://www.linkedin.com/in/gabriela-vives-831ba853/",
@@ -215,7 +215,7 @@ export const coreTeam = [
     firstName: "Hind",
     position: "Scientific Software Developer",
     onGithub: "true",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onX: "false",
     githubLink: "https://github.com/Hind-M",
     LinkedInLink: "https://www.linkedin.com/in/hindmontassif/",
@@ -232,7 +232,7 @@ export const coreTeam = [
     firstName: "Julien",
     position: "Scientific Software Developer",
     onGithub: "true",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onX: "true",
     githubLink: "https://github.com/jjerphan",
     LinkedInLink: "https://www.linkedin.com/in/jjerphan/",
@@ -249,7 +249,7 @@ export const coreTeam = [
     firstName: "Anutosh",
     position: "Scientific Software Development Intern",
     onGithub: "true",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onX: "false",
     githubLink: "https://github.com/anutosh491",
     LinkedInLink: "https://www.linkedin.com/in/anutosh-bhat-66ba961a8/",
@@ -266,7 +266,7 @@ export const coreTeam = [
     firstName: "Greg",
     position: "Scientific Software Developer",
     onGithub: "true",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onX: "false",
     githubLink: "https://github.com/gjmooney",
     LinkedInLink: "https://www.linkedin.com/in/gjmooney/",
@@ -283,7 +283,7 @@ export const coreTeam = [
     firstName: "Ian",
     position: "Scientific Software Developer",
     onGithub: "true",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onX: "false",
     githubLink: "https://github.com/ianthomas23",
     LinkedInLink: "https://www.linkedin.com/in/ian-thomas-796814240/",
@@ -299,7 +299,7 @@ export const coreTeam = [
     completeName: "Meriem Ben Ismail",
     firstName: "Meriem",
     position: " Scientific Software Development Intern",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onGithub: "true",
     onX: "false",
     githubLink: "https://github.com/Meriem-BenIsmail",
@@ -316,7 +316,7 @@ export const coreTeam = [
     completeName: "Alexis Placet",
     firstName: "Alexis",
     position: " Scientific Software Developer",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onGithub: "true",
     onX: "false",
     githubLink: "https://github.com/Alex-PLACET",
@@ -333,7 +333,7 @@ export const coreTeam = [
     completeName: "Anastasiia Sliusar",
     firstName: "Anastasiia",
     position: " Scientific Software Developer",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onGithub: "true",
     onX: "false",
     githubLink: "https://github.com/AnastasiaSliusar",
@@ -350,7 +350,7 @@ export const coreTeam = [
     completeName: "Arjun Verma",
     firstName: "Arjun",
     position: " Scientific Software Development Intern",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onGithub: "true",
     onX: "true",
     githubLink: "https://github.com/arjxn-py",
@@ -368,7 +368,7 @@ export const coreTeam = [
     completeName: "Antoine Pitrou",
     firstName: "Antoine",
     position: " Senior Software Developer",
-    onLinkednIn: "true",
+    onLinkedIn: "true",
     onGithub: "true",
     onX: "false",
     githubLink: "https://github.com/pitrou",