From 52b3fa779c90a9f5793117e4234ca0e7f5417058 Mon Sep 17 00:00:00 2001
From: "Mr. Singleton" <terrell.singleton@gmail.com>
Date: Thu, 14 Dec 2023 04:25:21 -0500
Subject: [PATCH] add options to bio to turn off ui elements for display in
 search results.

---
 .../mackenzies-mind/header/FullTextSearch.tsx |  8 ++--
 .../mackenzies-mind/header/Header.tsx         | 41 ++++++++++---------
 .../resume-bio-section/ResumeBioSection.tsx   | 10 +++--
 .../ResumeExperienceSection.tsx               |  2 +-
 .../ResumePortfolioSection.tsx                |  2 +-
 .../ResumeSkillsSection.tsx                   |  2 +-
 6 files changed, 34 insertions(+), 31 deletions(-)

diff --git a/src/components/templates/mackenzies-mind/header/FullTextSearch.tsx b/src/components/templates/mackenzies-mind/header/FullTextSearch.tsx
index 75d0a6e6..7a08d7c3 100644
--- a/src/components/templates/mackenzies-mind/header/FullTextSearch.tsx
+++ b/src/components/templates/mackenzies-mind/header/FullTextSearch.tsx
@@ -128,8 +128,8 @@ const FullTextSearch: FunctionComponent<IProps> = (props: IProps) => {
                                 <Grid item sx={{paddingLeft: "16px"}} container>
                                     {/*<Grid container item><Typography color='textSecondary'*/}
                                     {/*                                 fontWeight={'bold'}>{convertedResumeSkill.title}</Typography></Grid>*/}
-                                    {convertedAnimatedHeroSection.contentSlides.map((slide: SanityHeroContentSlide) => {
-                                        return <Grid container item sx={{
+                                    {convertedAnimatedHeroSection.contentSlides.map((slide: SanityHeroContentSlide, slideIdx) => {
+                                        return <Grid key={slideIdx} container item sx={{
                                             borderLeft: "1px solid whitesmoke",
                                             marginBottom: "8px",
                                             paddingLeft: "8px"
@@ -176,7 +176,6 @@ const FullTextSearch: FunctionComponent<IProps> = (props: IProps) => {
                         case "ResumeExperience":
                             const convertedResumeExperience: ResumeExperience = theResult;
 
-                            console.log(convertedResumeExperience)
                             return <Grid container sx={{
                                 marginBottom: "16px",
                                 backgroundColor: COLORS.LIGHTGRAY,
@@ -189,7 +188,6 @@ const FullTextSearch: FunctionComponent<IProps> = (props: IProps) => {
                             </Grid>
                         case "ResumeSkill":
                             const convertedResumeSkill: ResumeSkill = theResult;
-
                             return <Grid container sx={{
                                 marginBottom: "16px",
                                 backgroundColor: COLORS.LIGHTGRAY,
@@ -212,7 +210,7 @@ const FullTextSearch: FunctionComponent<IProps> = (props: IProps) => {
                                     <Typography variant='h6' gutterBottom color='primary'>My Bio
                                         - {resumeBioSectionObj.title}</Typography>
                                 </Grid>
-                                <ResumeBioSection sectionData={resumeBioSectionObj} homePage={pageContext.page}/>
+                                <ResumeBioSection isHideButtons={true} isHideEmail={true} sectionData={resumeBioSectionObj} homePage={pageContext.page}/>
                             </Grid>
                         default:
                             return <Grid container sx={{marginBottom: "16px"}}><Typography
diff --git a/src/components/templates/mackenzies-mind/header/Header.tsx b/src/components/templates/mackenzies-mind/header/Header.tsx
index b839acf8..a531634b 100644
--- a/src/components/templates/mackenzies-mind/header/Header.tsx
+++ b/src/components/templates/mackenzies-mind/header/Header.tsx
@@ -15,13 +15,13 @@ import {Theme} from "@mui/material/styles";
 import PageContext from "../../../page-context/PageContext";
 
 export const useStyles = makeStyles((theme: Theme) => ({
-    hover:{
+    hover: {
         "&:hover": {
             backgroundColor: "lightgray !important",
             color: "#383838"
         }
     },
-    hoverSearch:{
+    hoverSearch: {
         "&:hover": {
             color: theme.palette.primary.main
         }
@@ -34,7 +34,7 @@ export type HeaderProps = {
     isSearch?: boolean
     updateIsLoading?: (value: boolean) => void
     isEnhanced?: boolean
-    backgroundColor?:string
+    backgroundColor?: string
 }
 
 const Header: FunctionComponent<HeaderProps> = (props) => {
@@ -45,7 +45,8 @@ const Header: FunctionComponent<HeaderProps> = (props) => {
     const mdDown = useMediaQuery(customizedTheme.breakpoints.down('md'))
     const [isSearchOpen, setIsSearchOpen] = React.useState<boolean>(false)
 
-    return (<AppBarWrapper backgroundColor={props.backgroundColor} isAppBar={props.isAppBar} isEnhanced={props.isEnhanced}>
+    return (
+        <AppBarWrapper backgroundColor={props.backgroundColor} isAppBar={props.isAppBar} isEnhanced={props.isEnhanced}>
             {props.pageHeader?.title ?
                 <Grid item container
                       alignContent='center' alignItems='center' style={{height: "100%", paddingLeft: "8px"}}>
@@ -86,15 +87,15 @@ const Header: FunctionComponent<HeaderProps> = (props) => {
                                 paddingRight: mdDown ? "16px" : "8px",
                                 borderLeft: `1px solid ${customizedTheme.palette.primary.main}`
                             }}>
-                                <IconButton color='secondary' sx={{
+                                <IconButton onClick={() => {
+                                    setIsSearchOpen((state) => !state)
+                                }} color='secondary' sx={{
                                     // marginLeft: "32px",
                                     // marginRight: "32px",
                                     color: customizedTheme.palette.text.secondary,
                                     backgroundColor: customizedTheme.palette.primary.main
                                 }} className={classes.hoverSearch}>
-                                    <Search color='inherit' fontSize='large' onClick={() => {
-                                        setIsSearchOpen((state) => !state)
-                                    }}/>
+                                    <Search color='inherit' fontSize='large'/>
                                 </IconButton></Box></Grid>
                         </Grid>}
                     </Grid>
@@ -104,18 +105,20 @@ const Header: FunctionComponent<HeaderProps> = (props) => {
             <Modal open={isSearchOpen}>
                 <Grid container style={{height: "100%"}}>
                     <Grid container item justifyContent='flex-end'>
-                        <IconButton sx={{
-                            marginTop: "4px",
-                            marginRight: "4px",
-                            width: "64px",
-                            height: "64px",
-                            backgroundColor: COLORS.WHITESMOKE
-                        }} onClick={() => {
-                            setIsSearchOpen(false)
-                        }} className={classes.hover}>
+                        <IconButton
+                            sx={{
+                                marginTop: "4px",
+                                marginRight: "4px",
+                                width: "64px",
+                                height: "64px",
+                                backgroundColor: COLORS.WHITESMOKE
+                            }}
+                            onClick={() => {
+                                setIsSearchOpen(false)
+                            }}
+                            className={classes.hover}>
 
-                            <Close sx={{marginX: "16px", marginY: "16px"}} fontSize={"large"} color={'secondary'}
-                            />
+                            <Close sx={{marginX: "16px", marginY: "16px"}} fontSize={"large"} color={'secondary'}/>
                         </IconButton>
                     </Grid>
                     <Grid container item justifyContent='center' paddingX={'8px'} alignContent='flex-start'
diff --git a/src/components/templates/my-digital-resume/resume-bio-section/ResumeBioSection.tsx b/src/components/templates/my-digital-resume/resume-bio-section/ResumeBioSection.tsx
index 729f6803..7ace9bc4 100644
--- a/src/components/templates/my-digital-resume/resume-bio-section/ResumeBioSection.tsx
+++ b/src/components/templates/my-digital-resume/resume-bio-section/ResumeBioSection.tsx
@@ -11,6 +11,8 @@ import BusinessCardSubmitEmail from "../../transform-hw/pages/BusinessCardSubmit
 interface IProps {
     sectionData: ResumeBioSectionType
     homePage?: SanityTransformHwHomePage
+    isHideEmail?: boolean
+    isHideButtons?:boolean
 }
 
 const ResumeBioSection: FunctionComponent<IProps> = (props: IProps) => {
@@ -23,13 +25,13 @@ const ResumeBioSection: FunctionComponent<IProps> = (props: IProps) => {
     return (
         <Grid container item style={{padding: theme.spacing(4,smDown?1:4)}} justifyContent='center'
               className={classes.resumeSection} spacing={3}>
-            <Grid item xs={12} style={{paddingTop: "64px"}}>
+            {!props.isHideEmail && <Grid item xs={12} style={{paddingTop: "64px"}}>
                 <BusinessCardSubmitEmail
                     source={"Bio Section"}
                     emailFieldText={'Email Address'}
                     emailButtonText={'Submit'}
                     subscribeText={'Want a copy of my resume emailed to you?'}/>
-            </Grid>
+            </Grid>}
             <Grid item md={6} justifyContent='center'>
                 <Grid item container>
                     <Typography component='div' display='inline' variant='h5' gutterBottom>{props.sectionData.title}
@@ -81,7 +83,7 @@ const ResumeBioSection: FunctionComponent<IProps> = (props: IProps) => {
                 }}>
                 </Grid>
             </Grid>
-            <Grid container item xs={12} sm={10} spacing={1} style={{marginTop: theme.spacing(2)}}>
+            {!props.isHideButtons && <Grid container item xs={12} sm={10} spacing={1} style={{marginTop: theme.spacing(2)}}>
                 <Grid item container>
                     <ButtonGroup fullWidth orientation={smDown ? 'vertical' : "horizontal"}>
                         <Button name={'appointment'} variant='contained' fullWidth color='primary'
@@ -103,7 +105,7 @@ const ResumeBioSection: FunctionComponent<IProps> = (props: IProps) => {
                         {/*    CV</Typography></Button>}*/}
                     </ButtonGroup>
                 </Grid>
-            </Grid>
+            </Grid>}
         </Grid>
     );
 }
diff --git a/src/components/templates/my-digital-resume/resume-experience-section/ResumeExperienceSection.tsx b/src/components/templates/my-digital-resume/resume-experience-section/ResumeExperienceSection.tsx
index 31d642a2..899b0c52 100644
--- a/src/components/templates/my-digital-resume/resume-experience-section/ResumeExperienceSection.tsx
+++ b/src/components/templates/my-digital-resume/resume-experience-section/ResumeExperienceSection.tsx
@@ -34,7 +34,7 @@ const ResumeExperienceSection: FunctionComponent<IProps> = (props: IProps) => {
                 <Grid item container md={8} spacing={2} justifyContent={xsOnly ? 'center' : 'flex-start'}>
                     {
                         props.sectionData.experiences?.map((experience: ResumeExperience, index2: number) => {
-                            return <ResumeExperienceItem experience={experience} />
+                            return <ResumeExperienceItem experience={experience} key={index2}/>
                         })
                     }
                 </Grid>
diff --git a/src/components/templates/my-digital-resume/resume-portfolio-section/ResumePortfolioSection.tsx b/src/components/templates/my-digital-resume/resume-portfolio-section/ResumePortfolioSection.tsx
index 24cc8d24..2a25f4a9 100644
--- a/src/components/templates/my-digital-resume/resume-portfolio-section/ResumePortfolioSection.tsx
+++ b/src/components/templates/my-digital-resume/resume-portfolio-section/ResumePortfolioSection.tsx
@@ -51,7 +51,7 @@ const ResumePortfolioSection: FunctionComponent<IProps> = (props: IProps) => {
                 <Grid item container justifyContent={'center'} xs={11} justifySelf={'center'} spacing={1}>
                     {
                         props.sectionData.portfolioEntries?.map((portfolioItem: ResumePortfolioItem, index2: number) => {
-                            return <Grid item xs={12} sm={6} lg={4} xl={4}><ResumePortfolioEntry portfolioItem={portfolioItem} key={index2}/></Grid>
+                            return <Grid key={index2} item xs={12} sm={6} lg={4} xl={4}><ResumePortfolioEntry portfolioItem={portfolioItem} /></Grid>
                         })
                     }
                 </Grid>
diff --git a/src/components/templates/my-digital-resume/resume-skills-section/ResumeSkillsSection.tsx b/src/components/templates/my-digital-resume/resume-skills-section/ResumeSkillsSection.tsx
index e949eaa1..a200748f 100644
--- a/src/components/templates/my-digital-resume/resume-skills-section/ResumeSkillsSection.tsx
+++ b/src/components/templates/my-digital-resume/resume-skills-section/ResumeSkillsSection.tsx
@@ -41,7 +41,7 @@ const ResumeSkillsSection: FunctionComponent<IProps> = (props: IProps) => {
                     <Grid item container md={8} spacing={2} justifyContent='space-between'>
                         {
                             props.sectionData?.skillsets?.map((skillset: ResumeSkillSet, index2: number) => {
-                                return <ResumeSkillSetItem skillset={skillset} />
+                                return <ResumeSkillSetItem skillset={skillset} key={index2}/>
                             })
                         }
                     </Grid>