From 42266dfe66513784076b62ba0d75f2dacb284ead Mon Sep 17 00:00:00 2001
From: Chhawinderpreet Singh <96365487+chhawinder@users.noreply.github.com>
Date: Tue, 17 Oct 2023 05:45:18 +0530
Subject: [PATCH] [website] Add the LinkedIn profile to the contributors
 section on the About page (#39455)

Co-authored-by: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
---
 docs/src/components/about/Team.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/docs/src/components/about/Team.tsx b/docs/src/components/about/Team.tsx
index a361923e50d58b..f71a7ee7543c95 100644
--- a/docs/src/components/about/Team.tsx
+++ b/docs/src/components/about/Team.tsx
@@ -12,6 +12,7 @@ import Tooltip from '@mui/material/Tooltip';
 import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
 import TwitterIcon from '@mui/icons-material/Twitter';
 import GitHubIcon from '@mui/icons-material/GitHub';
+import LinkedInIcon from '@mui/icons-material/LinkedIn';
 import Link from 'docs/src/modules/components/Link';
 import ROUTES from 'docs/src/route';
 import Section from 'docs/src/layouts/Section';
@@ -43,6 +44,7 @@ interface Profile {
   about?: string;
   github?: string;
   twitter?: string;
+  linkedin?: string;
 }
 
 function Person(props: Profile & { sx?: PaperProps['sx'] }) {
@@ -134,7 +136,7 @@ function Person(props: Profile & { sx?: PaperProps['sx'] }) {
         <Box sx={{ mt: -0.5, mr: -0.5, ml: 'auto' }}>
           {props.github && (
             <IconButton
-              aria-label={`${props.name} github`}
+              aria-label={`${props.name} GitHub profile`}
               component="a"
               href={`https://github.com/${props.github}`}
               target="_blank"
@@ -145,7 +147,7 @@ function Person(props: Profile & { sx?: PaperProps['sx'] }) {
           )}
           {props.twitter && (
             <IconButton
-              aria-label={`${props.name} twitter`}
+              aria-label={`${props.name} Twitter profile`}
               component="a"
               href={`https://twitter.com/${props.twitter}`}
               target="_blank"
@@ -154,6 +156,17 @@ function Person(props: Profile & { sx?: PaperProps['sx'] }) {
               <TwitterIcon fontSize="small" sx={{ color: 'grey.500' }} />
             </IconButton>
           )}
+          {props.linkedin && (
+            <IconButton
+              aria-label={`${props.name} LinkedIn profile`}
+              component="a"
+              href={`https://www.linkedin.com/${props.linkedin}`}
+              target="_blank"
+              rel="noreferrer noopener"
+            >
+              <LinkedInIcon fontSize="small" sx={{ color: 'grey.500' }} />
+            </IconButton>
+          )}
         </Box>
       </Box>
       <Typography variant="body2" fontWeight="bold" sx={{ mt: 2, mb: 0.5 }}>