{"version":3,"file":"component---src-pages-search-tsx-590c13f5134c6477a29f.js","mappings":"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","sources":["webpack://gfw-brochure/./src/components/Buttons/ToggleButton.tsx","webpack://gfw-brochure/./src/components/PartnerGridCard.tsx","webpack://gfw-brochure/./src/components/PartnerGrid.tsx","webpack://gfw-brochure/./src/components/PortfoliosTemplate/PortfolioCard.tsx","webpack://gfw-brochure/./src/components/PortfoliosTemplate/PortfolioCardGrid.tsx","webpack://gfw-brochure/./src/components/PortfoliosTemplate/specialisms.ts","webpack://gfw-brochure/./src/pages/search.tsx"],"sourcesContent":["import React, { FunctionComponent, useEffect, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { Link } from \"gatsby\"\n\nexport enum SizeType {\n  small,\n  medium,\n  large,\n}\n\ninterface BtnProps {\n  label: string\n  checked: boolean\n  onChange: any\n  value: any\n}\n\nexport const ToggleButton: FunctionComponent<BtnProps> = ({ label, checked, onChange, value }) => {\n  function handleClick() {\n    onChange(value, !checked)\n  }\n\n  return (\n    <Button onClick={() => handleClick()} isActive={checked}>\n      {label}\n    </Button>\n  )\n}\n\ninterface BtnProps {\n  isActive: boolean\n}\n\nconst Button = styled.div<BtnProps>`\n  background: ${props => (props.isActive ? props.theme.colors.turquoise : \"white\")};\n\n  height: 50px;\n  margin: 0 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 16px;\n  padding: 0 20px;\n  font-weight: 500;\n  text-align: center;\n  text-transform: uppercase;\n  color: ${props => (props.isActive ? \"white\" : \"black\")};\n  cursor: pointer;\n  border: 1px solid ${props => props.theme.colors.secondaryBorder};\n  transition: background 0.3s ease;\n  &:hover {\n    background-color: ${props => props.theme.colors.turquoiseHover};\n    border-color: ${props => props.theme.colors.turquoiseHover};\n    color: ${props => props.theme.tints.white};\n    text-decoration: none;\n  }\n`\n\nexport const ToggleButtonSecondary = styled(ToggleButton)`\n  background: ${props => props.theme.tints.white};\n  color: ${props => props.theme.colors.secondary};\n  border-color: ${props => props.theme.colors.secondary};\n  &:hover {\n    background-color: ${props => props.theme.colors.secondary};\n    border-color: ${props => props.theme.colors.secondary};\n  }\n`\n\nconst Label = styled.p<BtnProps>`\n  color: ${props => (props.isActive ? \"white\" : \"black\")};\n\n  &:hover {\n    color: white;\n  }\n`\n","import React, { FunctionComponent, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\nimport { Card } from \"@material-ui/core\"\nimport { Link } from \"gatsby\"\ninterface PartnerGridCardI {\n  partner: any\n}\n\nexport const PartnerGridCard: FunctionComponent<PartnerGridCardI> = ({ partner }) => {\n  let logo\n  try {\n    logo = partner.PartnerInfo.partnershipLogo.localFile.childImageSharp.gatsbyImageData\n  } catch {\n    logo = null\n  }\n  const [shadow, setShadow] = useState(0)\n  const onMouseOver = () => setShadow(15)\n  const onMouseOut = () => setShadow(0)\n\n  return (\n    <Container\n      elevation={partner.PartnerInfo.clickThroughToPartnerPage ? shadow : \"\"}\n      onMouseOver={onMouseOver}\n      onMouseOut={onMouseOut}\n    >\n      <StyledLink to={partner.PartnerInfo.clickThroughToPartnerPage ? \"/partnerships/\" + partner.slug : null}>\n        <ImgContainer>\n          <GatsbyImage\n            image={logo}\n            style={{ height: \"auto\", width: \"100%\" }}\n            imgStyle={{ objectFit: \"fit\" }}\n            alt={\"logo for \" + partner.slug}\n          />\n        </ImgContainer>\n        <PartnerInfoBox>\n          <PartnerName> {partner.title} </PartnerName>\n        </PartnerInfoBox>\n      </StyledLink>\n    </Container>\n  )\n}\n\nconst Container = styled(Card)`\n  border: 1px solid #e3e3e3;\n  background-color: #fff;\n  z-index: 16;\n  max-width: 350px;\n  border-top: 3px solid black;\n  text-decoration: none;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    width: auto;\n    max-width: 350px;\n    min-width: 160px;\n  }\n  &:hover,\n  &:active {\n    text-decoration: none;\n    //  scale: 1.01;\n  }\n`\nconst StyledLink = styled(Link)`\n  z-index: 0;\n  :hover {\n    text-decoration: none;\n  }\n`\n// const StyledLink = styled(Link)`   //changed from this to div to stop click through @notlive\n//   :hover {\n//     text-decoration: none;\n//   }\n// `\nconst ImgContainer = styled.div`\n  display: flex;\n  min-height: 218px;\n  background-color: white;\n  align-items: center;\n  justify-content: center;\n  z-index: 10;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    min-height: 155px;\n  }\n`\n\nconst PartnerInfoBox = styled.div`\n  text-decoration: none;\n  box-shadow: none;\n  padding: 22px 30px;\n  z-index: 10;\n  background-color: ${props => props.theme.tints.lighterGrey};\n  /* min-height: 200px; */\n  min-height: 100px;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    /* min-height: 250px; */\n    min-height: 150px;\n  }\n`\n\nconst PartnerName = styled.p`\n  color: black;\n\n  text-decoration: none;\n  font-size: 20px;\n  font-weight: 500;\n  letter-spacing: 0;\n  line-height: 20px;\n  margin-bottom: 18px;\n  @media (max-width: 768px) {\n    font-size: 16px;\n    text-decoration: none;\n\n    line-height: 21px;\n  }\n`\n\nconst PartnerDesc = styled.p`\n  color: #4a4a4a;\n  font-size: 18px;\n  line-height: 28px;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    font-size: 14px;\n\n    line-height: 24px;\n  }\n`\n","import React, { FunctionComponent } from \"react\"\nimport styled from \"styled-components\"\nimport { PartnerGridCard } from \"./PartnerGridCard\"\nimport MainGrid from \"../style/MainGrid\"\nimport { graphql, StaticQuery } from \"gatsby\"\n\nexport const PartnerGrid: FunctionComponent = () => {\n  return (\n    <StaticQuery\n      query={graphql`\n        query {\n          allWpPartner {\n            edges {\n              node {\n                id\n                title\n                slug\n                PartnerInfo {\n                  tags\n                  clickThroughToPartnerPage\n                  partnershipIntro\n                  listingPriority\n                  partnershipLogo {\n                    localFile {\n                      childImageSharp {\n                        gatsbyImageData(width: 400, layout: CONSTRAINED)\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      `}\n      render={data => {\n        const partners = data.allWpPartner.edges\n        const partnerNode = partners.map(v => v.node)\n        const prioritySorted = partnerNode.sort((a, b) =>{\n       \n          return( a.PartnerInfo.listingPriority > b.PartnerInfo.listingPriority ? 1 : -1)}\n        )\n        \n        return (\n          <MainGrid>\n            <Container>\n              {prioritySorted.map((v, i) => {\n                return <PartnerGridCard partner={v} key={\"partner-grid-card-\" + v.slug} />\n              })}\n            </Container>\n          </MainGrid>\n        )\n      }}\n    />\n  )\n}\n\nconst BreadCrumbContainer = styled.div`\n  width: 100vw;\n  max-width: 1200px;\n  justify-content: center;\n  align-items: center;\n  z-index: 10;\n`\nconst Container = styled.div`\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n\n  grid-column-gap: 8px;\n  grid-row-gap: 20px;\n  margin-bottom: 50px;\n  margin-top: 10px;\n  @media (min-width: ${props => props.theme.breakpoints.sm}) {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-column-gap: 8px;\n    grid-row-gap: 20px;\n    height: 100%;\n    margin-bottom: 7.4rem;\n  }\n`\n\nconst ImgContainer = styled.div``\nconst Box = styled.div``\n","import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { Link } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport { Card } from \"@material-ui/core\"\n\ninterface IportfolioCard {\n  img?: any\n  name: string\n  slug: string\n  desc: string\n  tags?: string[]\n  color?: string\n}\n\nconst PortfolioCard: React.FC<IportfolioCard> = ({ img, name, desc, slug, tags, color }: IportfolioCard) => {\n  const [shadow, setShadow] = useState({ front: 0, back: 0 })\n  const onMouseOver = () => setShadow({ front: 15, back: 5 })\n  const onMouseOut = () => setShadow({ front: 0, back: 0 })\n  return (\n    <PortfolioCardContainer to={\"/search-portfolios/\" + slug}>\n      <StyledCard\n        // elevation={shadow}\n        onMouseOver={onMouseOver}\n        onMouseOut={onMouseOut}\n      >\n        <ImgContainer className=\"gatsby-image-wrapper\" color={color} elevation={shadow.back}>\n          <Img\n            fluid={img}\n            style={{ height: \"auto\", width: \"100%\" }}\n            imgStyle={{ objectFit: \"cover\" }}\n            //  placeholderStyle={{ opacity: 0 }}\n            loading={\"eager\"}\n          />\n        </ImgContainer>\n        <PortfolioInfoBox elevation={shadow.front}>\n          {tags && (\n            <TagContainer>\n              {tags.slice(0, 2).map((item, i) => {\n                return (\n                  <Tag key={name + \"-tag-\" + i} color={color}>\n                    {item}{\" \"}\n                  </Tag>\n                )\n              })}\n            </TagContainer>\n          )}\n          <PortfolioName>{name}</PortfolioName>\n          <PortfolioDesc>{desc}</PortfolioDesc>\n        </PortfolioInfoBox>\n      </StyledCard>\n    </PortfolioCardContainer>\n  )\n}\n\nexport default PortfolioCard\n\nconst StyledCard = styled.div`\n  border-radius: 0px !important;\n  display: flex;\n  align-items: flex-end;\n  flex-direction: column;\n  /* border: 1px solid red; */\n  height: 100%;\n`\n\nconst PortfolioCardContainer = styled(Link)`\n  margin: 10px 5px;\n  background-color: #ffffff;\n  &:hover {\n    text-decoration: none;\n  }\n  max-width: 315px;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    max-width: 100%;\n    margin: 10px 5px;\n  }\n`\nconst ImgContainer = styled(Card)<Icolor>`\n  //width: 315px;\n  width: 100%;\n  height: 325px;\n  max-height: 325px;\n  border-top: 4px solid ${props => (props.color ? props.color : \"black\")};\n  border-radius: 0px !important;\n  & > .gatsby-image-wrapper {\n    z-index: 1;\n  }\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    max-width: 100%;\n    height: auto;\n    margin: 0 0px;\n  }\n`\nconst PortfolioInfoBox = styled(Card)`\n  padding: 21px 27px 26px;\n  background: white;\n  border-radius: 0px !important;\n  height: 185px;\n  width: 295px;\n\n  background-color: #ffffff;\n  border: 1px solid #e3e3e3;\n  /* box-shadow: 0 0 5px 0 rgba(123, 123, 123, 0.2); */\n  /* transition: transform 1s ease; */\n  margin-top: -100px;\n  margin-right: 0;\n  z-index: 9;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    width: 100%;\n  }\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    padding: 12px 13px;\n    margin: 0 0px;\n    width: 100%;\n  }\n`\n\nconst PortfolioName = styled.p`\n  font-size: 20px;\n  font-weight: 500;\n  letter-spacing: 0;\n  line-height: 26px;\n  height: 38px;\n  margin-bottom: 0px;\n  color: black;\n\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    font-size: 16px;\n\n    line-height: 21px;\n  }\n`\n\nconst PortfolioDesc = styled.p`\n  color: #4a4a4a !important;\n  font-size: 18px;\n  line-height: 28px;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    font-size: 14px;\n\n    line-height: 24px;\n  }\n`\nconst TagContainer = styled.div`\nmin-height:32px;\n  /* display: flex; */\n  flex-wrap: wrap;\n  flex-direction: row;\n\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    padding-right: 0%;\n  }\n`\ninterface IColor {\n  color: string\n}\nconst Tag = styled.span<IColor>`\n  text-align: center;\n  white-space: nowrap;\n  text-transform: uppercase;\n  background-color: ${props => (props.color ? props.color : \"black\")};\n  color: white;\n  font-size: 12px !important;\n  line-height: 0.7rem;\n  font-weight: 400;\n  letter-spacing: 1px;\n  margin: 0 5px 5px 0;\n\n  //height: 20px;\n  width: auto;\n  padding: 4px 8px;\n  border-radius: 10000px;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    font-size: 10px;\n  }\n`\n","import { Container } from \"@material-ui/core\"\nimport React, { FunctionComponent } from \"react\"\nimport styled from \"styled-components\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport PortfolioCard from \"./PortfolioCard\"\n\ninterface IportfolioCard {\n  img?: string\n  name?: string\n  desc?: string\n  portfolioInfo?: any\n}\n\ninterface portfolioGridProps {\n  portfolios: any\n}\n\n// type IUniversities = Array<IportfolioCard>\n\nconst PortfolioCardGrid: FunctionComponent<portfolioGridProps> = ({ portfolios }) => {\n  \n\n\n\n  return (\n    <Container maxWidth={\"xl\"}>\n      <PortfoliosCardContainer>\n        {portfolios.map((item, index) => {\n            let image = null\n            try{\n               image = item.student_profile.searchImage.localFile.childImageSharp.fluid\n            }catch(e){\n              // console.log(e)\n            }\n          return (\n            <PortfolioCard\n              key={uuidv4()}\n              name={item.student_profile.studentName}\n              desc={item.student_portfolio.aboutMeHeading}\n              slug={item.slug}\n              tags={item.student_profile.specialism}\n              img={image}\n            />\n          )\n        })}\n      </PortfoliosCardContainer>\n    </Container>\n  )\n}\n\nexport default PortfolioCardGrid\n\nconst PortfoliosCardContainer = styled.div`\n  margin: 0 auto;\n  margin-top: 3rem;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  width: 100%;\n  max-width: 1291px;\n\n  /* max-width: 1440px; */\n  margin-bottom: 50px;\n\n  @media (max-width: ${props => props.theme.breakpoints.lg}) {\n    padding: 15px;\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    padding: 0px;\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    padding: 0px;\n    grid-template-columns: repeat(1, 1fr);\n  }\n`\n","export const Sepcialisms = [\n  \"Accessory Design\",\n  \"Art Direction\",\n  \"Atelier Design\",\n  \"Award Nominee\",\n  \"Award Winner\",\n  \"Beauty Promotion\",\n  \"Branding\",\n  \"Business & Management\",\n  \"Buying\",\n  \"Childrenswear\",\n  \"Digital Media\",\n  \"Disabled Fashion\",\n  \"Diversity\",\n  \"Eco / Zero Waste Design\",\n  \" Fashion Design\",\n  \"Fashion Graphics\",\n  \"Fashion Image\",\n  \"Fashion Journalism\",\n  \"Fashion Publication\",\n  \"Fashion Technology\",\n  \"Filmmaker\",\n  \"Footwear Design\",\n  \"Gender Neutral\",\n  \"Heritage & Culture\",\n  \"Illustration\",\n  \"International Fashion\",\n  \"Knitwear Design\",\n  \"Makeup & Hair Design\",\n  \"Marketing\",\n  \"Menswear\",\n  \"Merchandising\",\n  \"Modestwear\",\n  \"Photography\",\n  \"Plus Size\",\n  \"PR & Communications\",\n  \"Promotion\",\n  \"Retail Management\",\n  \"Social Media\",\n  \"Sportswear & Leisurewear\",\n  \"Styling\",\n  \"Sustainabilty\",\n  \"Textiles\",\n  \"Womenswear\",\n]\n","import React, { useEffect, useState } from \"react\"\nimport { graphql, Link } from \"gatsby\"\n\nimport { Container } from \"@material-ui/core\"\nimport { Layout } from \"../components/layout\"\nimport PortfoliosCardGrid from \"../components/PortfoliosTemplate/PortfolioCardGrid\"\nimport { PartnerGrid } from \"../components/PartnerGrid\"\nimport { Sepcialisms } from \"../components/PortfoliosTemplate/specialisms\"\nimport { ToggleButton } from \"../components/Buttons/ToggleButton\"\nimport styled from \"styled-components\"\nimport { ButtonSecondary } from \"../components/Buttons/Buttons\"\nimport RightArrow from \"../assets/svg/long-arrow-right.svg\"\nconst Search: React.FC = ({ data }) => {\n  const partners = data.allWpPartner.edges\n  const partnersNode = data.allWpPartner.edges.map(v => v.node)\n  const universitiesData = data.allWpUniversity.edges.map(v => v.node)\n  const portfoliosData = data.allWpPortfolio.edges.map(v => v.node)\n  const [studentNames, setStudentNames] = useState([])\n  const [searchList, setSearchList] = useState([])\n  const [portfoliosToRender, setPortfoliosToRender] = useState([])\n  const [graduationYearsToRender, setGraduationYearsToRender] = useState([])\n  const [partnersToRender, setPartnersToRender] = useState([])\n  const [universitiesToRender, setUniversitiesToRender] = useState([])\n  const [specialismsToRender, setSpecialismsToRender] = useState([])\n  const [isPortfoliosToggle, setIsPortfliosToggle] = useState(true)\n  const [isFullView, setIsFullView] = useState(false)\n  const [selectedCategory, setSelectedCategory] = useState(\"\")\n  const [typedSearch, setTypedSearch] = useState(\"\")\n  const [toggleCategory, setToggleCategory] = useState({ partnerships: true, portfolios: true })\n\n  const year = new Date().getFullYear()\n  const studentYears = [year, year - 1, year - 2]\n\n  const handleUpdate = event => {\n    setTypedSearch(event.target.value.toLowerCase())\n  }\n\n  useEffect(() => {\n    let mount = true\n\n    if (mount) {\n      const studentspecs = []\n      const partnerspecs = []\n      const unispecs = []\n      const specs = []\n      const graduationYears = []\n\n      if (typedSearch === \"\") {\n        setPartnersToRender(partnerspecs)\n        setPortfoliosToRender(studentspecs)\n        setUniversitiesToRender(unispecs)\n        setSpecialismsToRender(specs)\n        setGraduationYearsToRender(graduationYears)\n        return\n      }\n\n      searchList.map((item, index) => {\n        try{\n        if (item.group == \"Student\") {\n          // console.log(portfoliosData[item.originalIndex])\n          if (\n            portfoliosData[item.originalIndex].student_profile.specialism.includes(typedSearch) ||\n            portfoliosData[item.originalIndex].student_profile.studentName.toLowerCase().includes(typedSearch)\n          ) {\n            studentspecs.push(portfoliosData[item.originalIndex])\n          }\n        } else if (item.group == \"Partner\") {\n          if (\n            partnersNode[item.originalIndex].PartnerInfo.tags.includes(typedSearch) ||\n            partnersNode[item.originalIndex].title.toLowerCase().includes(typedSearch)\n          ) {\n            partnerspecs.push(partners[item.originalIndex])\n          }\n        } else if (item.group == \"University\") {\n          if (universitiesData[item.originalIndex].title.toLowerCase().includes(typedSearch)) {\n            unispecs.push(universitiesData[item.originalIndex])\n          }\n        } else if (item.group == \"Specialisms\") {\n          if (Sepcialisms[item.originalIndex].toLowerCase().includes(typedSearch)) {\n            specs.push(Sepcialisms[item.originalIndex])\n          }\n        } else if (item.group == \"Graduation Year\") {\n          if (studentYears[item.originalIndex].toString().includes(typedSearch)) {\n            graduationYears.push(studentYears[item.originalIndex])\n          }\n        }\n      }catch(e){\n        // console.log(e)\n      }\n      })\n      setPartnersToRender(partnerspecs.map(v => v.node))\n      setPortfoliosToRender(studentspecs)\n      setUniversitiesToRender(unispecs)\n      setSpecialismsToRender(specs)\n      setGraduationYearsToRender(graduationYears)\n    }\n    return () => {\n      mount = false\n    }\n  }, [typedSearch])\n\n  useEffect(() => {\n    let mount = true\n    if (mount) {\n      const studentspecs = []\n      const partnerspecs = []\n      const unispecs = []\n      const specs = []\n\n      if (selectedCategory === \"\") {\n        setPartnersToRender(partnerspecs)\n        setUniversitiesToRender(unispecs)\n        setPortfoliosToRender(studentspecs)\n        setSpecialismsToRender(specs)\n        setIsFullView(false)\n        return\n      }\n      searchList.map((item, index) => {\n        try{\n        if (item.group == \"Student\") {\n          if (\n            portfoliosData[item.originalIndex].student_profile.specialism.includes(selectedCategory) ||\n            portfoliosData[item.originalIndex].student_profile.yearOfGraduation.toString().includes(selectedCategory)\n          ) {\n            studentspecs.push(portfoliosData[item.originalIndex])\n          }\n        } else if (item.group == \"Partner\") {\n          if (partnersNode[item.originalIndex].PartnerInfo.tags.includes(selectedCategory)) {\n            partnerspecs.push(partners[item.originalIndex])\n          }\n        } else if (item.group == \"Graduation Year\") {\n          if (\n            portfoliosData[item.originalIndex].student_profile.yearOfGraduation.toString().includes(selectedCategory)\n          ) {\n            studentspecs.push(portfoliosData[item.originalIndex])\n          }\n        }  \n      }catch(e){\n          // console.log(e)\n        }\n      })\n      setPartnersToRender(partnerspecs.map(v => v.node))\n      setPortfoliosToRender(studentspecs)\n      setGraduationYearsToRender(studentspecs)\n      setIsFullView(true)\n    }\n    return () => {\n      mount = false\n    }\n  }, [selectedCategory])\n\n  useEffect(() => {\n    let mount = true\n    if (mount) {\n      const searchItemsArray = []\n      {\n        portfoliosData.map((item, index) => {\n          searchItemsArray.push({\n            name: item.student_profile.studentName,\n            originalIndex: index,\n            slug: item.slug,\n            group: \"Student\",\n          })\n        })\n      }\n      {\n        universitiesData.map((item, index) => {\n          searchItemsArray.push({ name: item.title, originalIndex: index, slug: item.slug, group: \"University\" })\n        })\n      }\n      {\n        partnersNode.map((item, index) => {\n          searchItemsArray.push({ name: item.title, originalIndex: index, slug: item.slug, group: \"Partner\" })\n        })\n      }\n      {\n        Sepcialisms.map((item, index) => {\n          searchItemsArray.push({ name: item, originalIndex: index, slug: \"\", group: \"Specialisms\" })\n        })\n      }\n      {\n        studentYears.map((item, index) => {\n          searchItemsArray.push({ name: item, originalIndex: index, slug: \"\", group: \"Graduation Year\" })\n        })\n      }\n\n      setSearchList(searchItemsArray)\n    }\n    return () => {\n      mount = false\n    }\n  }, [])\n\n  function handleClickedSpecialism(value) {\n    setSelectedCategory(value)\n  }\n  function handleClickedYear(value) {\n    setSelectedCategory(value)\n  }\n\n  return (\n    <Layout partners={partnersNode} title={\"Graduate Fashion Week - Universities\"}>\n  \n      <Container maxWidth={\"lg\"}>\n        <Container maxWidth={\"md\"}>\n          {!isFullView ? (\n            <SearchBox type=\"text\" id=\"lname\" name=\"lname\" placeholder=\"Type your search\" onChange={handleUpdate} />\n          ) : (\n            \"\"\n          )}\n          <SearchContainer>\n            {/* Text RESULTS =====================================================================================*/}\n            {specialismsToRender.length >= 1 && !isFullView ? (\n              <>\n                <CategoryHeader> Categories</CategoryHeader>\n                {specialismsToRender.map(v => (\n                  <CategoryDiv onClick={() => handleClickedSpecialism(v)} key={\"specialisms-to-render-\"+v}>\n                    <Listing>{v}</Listing>\n                  </CategoryDiv>\n                ))}\n              </>\n            ) : (\n              \"\"\n            )}\n\n            {portfoliosToRender.length >= 1 && isPortfoliosToggle && !isFullView ? (\n              <>\n                <CategoryHeader> Portfolios</CategoryHeader>\n                {portfoliosToRender.map((v, i) => (\n                  <CategoryLink to={\"/search-portfolios/\" + v.slug} key={\"portfolio-listing-\" + i}>\n                    <Listing>{v.title}</Listing>\n                  </CategoryLink>\n                ))}\n              </>\n            ) : (\n              \"\"\n            )}\n            {/* This bit is commented out wierd. Had to add a few to catch all the bits */}\n            {/* {partnersToRender.length >= 1 && !isFullView ? (\n              <>\n                <CategoryHeader> Partners</CategoryHeader>\n                {/* <PartnerGrid partners={partnersToRender} />  */}\n                {/* {partnersToRender.map((v, i) => (\n                  <CategoryLink to={\"/partners/\" + v.slug} key={\"partners-listing-\" + i}>\n                    <Listing>{v.title}</Listing>\n                  </CategoryLink>\n                ))} */}\n              {/* </> */}\n            {/* ) : ( */}\n              {/* \"\"\n            )}  */}\n\n            {universitiesToRender.length >= 1 && !isFullView ? (\n              <>\n                <CategoryHeader>Universities</CategoryHeader>\n                {/* <UniversityGrid unis={universitiesToRender}/> */}\n                {universitiesToRender.map((v, i) => (\n                  <CategoryLink to={\"/universities/\" + v.slug} key={\"Universities-listing-\" + i}>\n                    <Listing>{v.title}</Listing>\n                  </CategoryLink>\n                ))}\n              </>\n            ) : (\n              \"\"\n            )}\n\n            {graduationYearsToRender.length >= 1 && !isFullView ? (\n              <>\n                <CategoryHeader>Graduation Year</CategoryHeader>\n                {/* <UniversityGrid unis={universitiesToRender}/> */}\n                {graduationYearsToRender.map((v, i) => (\n                  <CategoryDiv onClick={() => handleClickedYear(v)} key={\"category-div-\"+v.toString()}>\n                    <Listing>{v.toString()}</Listing>\n                  </CategoryDiv>\n                ))}\n              </>\n            ) : (\n              \"\"\n            )}\n\n            {/* FULL PAGE RESULTS =====================================================================================*/}\n            {isFullView ? (\n              <ToolbarContainer>\n                <ToolbarHeading>\n                  {\" \"}\n                  Search results for <span>{selectedCategory}</span>\n                </ToolbarHeading>\n                <ToggleButtonRow>\n                  <ToggleButton\n                    label=\"All\"\n                    onChange={() => setToggleCategory({ partnerships: true, portfolios: true })}\n                    checked={toggleCategory.partnerships && toggleCategory.portfolios}\n                  />\n\n                  <ToggleButton\n                    label=\"Partnerships\"\n                    onChange={() => setToggleCategory({ partnerships: true, portfolios: false })}\n                    checked={toggleCategory.partnerships && !toggleCategory.portfolios}\n                  />\n                  <ToggleButton\n                    label=\"Portfolios\"\n                    onChange={() => setToggleCategory({ partnerships: false, portfolios: true })}\n                    checked={!toggleCategory.partnerships && toggleCategory.portfolios}\n                  />\n                </ToggleButtonRow>\n              </ToolbarContainer>\n            ) : (\n              \"\"\n            )}\n            {!portfoliosToRender.length >= 1 && !partnersToRender.length >= 1 && isFullView ? (\n              <div>\n                <h3 style={{ textAlign: \"center\", paddingTop: 20 }}>Sorry, no results found!</h3>\n                <div onClick={() => setSelectedCategory(\"\")} style={{ margin: \"auto\", width: 300 }}>\n                  <ButtonSecondary customwidth={\"300px\"}>Back to Search</ButtonSecondary>\n                </div>\n              </div>\n            ) : (\n              \"\"\n            )}\n          </SearchContainer>\n        </Container>\n        <PortFolioContainer>\n          {portfoliosToRender.length >= 1 && isFullView && toggleCategory.portfolios ? (\n            <>\n              <Container maxWidth={\"md\"}>\n                <SearchSectionHeading>\n                  <h2> Portfolios</h2>\n                  <LinkContainer to={\"/search-portfolios\"}>\n                    <ShowAllSpan>SEE ALL</ShowAllSpan>\n                    <StyledRightArrow />\n                  </LinkContainer>\n                </SearchSectionHeading>\n              </Container>\n\n              <PortFolioCardGridContainer>\n                <PortfoliosCardGrid portfolios={portfoliosToRender} />\n              </PortFolioCardGridContainer>\n              {/* <PortFolioCardGridContainer>\n                <PortfoliosCardGrid portfolios={graduationYearsToRender} />\n              </PortFolioCardGridContainer> */}\n            </>\n          ) : (\n            \"\"\n          )}\n        </PortFolioContainer>\n        <Container maxWidth={\"md\"}>\n          <SearchContainer>\n            {partnersToRender.length >= 1 && isFullView && toggleCategory.partnerships ? (\n              <>\n                <SearchSectionHeading>\n                  <h2> Partners</h2>\n                  <LinkContainer to={\"/partnerships\"}>\n                    <ShowAllSpan>SEE ALL</ShowAllSpan>\n                    <StyledRightArrow />\n                  </LinkContainer>\n                </SearchSectionHeading>\n                <PartnerGrid partners={partnersToRender} />\n              </>\n            ) : (\n              \"\"\n            )}\n          </SearchContainer>\n        </Container>\n\n        <SearchContainer />\n        <SpaceHolder display={isFullView.toString()} />\n      </Container>\n    </Layout>\n  )\n}\n\nexport default Search\n\nconst LinkContainer = styled(Link)`\n  color: ${props => props.theme.colors.turquoise};\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  /* min-width: 150px;\nmax-width: 150px; */\n`\nconst SearchSectionHeading = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n`\nconst ShowAllSpan = styled.span`\n  color: #0db0e7;\n  font-size: 16px;\n  font-weight: 500;\n  min-width: 50px;\n  line-height: 26px;\n`\nconst StyledRightArrow = styled(RightArrow)``\n\nconst ToolbarContainer = styled.div`\n  padding-bottom: 20px;\n  border-bottom: 1px solid #cbcbcb;\n  margin-bottom: 20px;\n`\nconst ToggleButtonRow = styled.div`\n  display: none; //as requested by raman\n  flex-direction: row;\n  margin: auto;\n  width: 400px;\n`\n\nconst ToolbarHeading = styled.h2`\n  text-align: center;\n  font-size: 32px;\n  color: #4a4a4a;\n  text-transform: none;\n  padding-top: 100px;\n  padding-top: 50px;\n  & > span {\n    color: #000000;\n    text-transform: uppercase;\n    font-size: 32px;\n    font-weight: 600;\n    line-height: 38px;\n  }\n`\nconst SearchContainer = styled.div`\n  :last-of-type {\n    margin-bottom: 100px;\n  }\n`\nconst CategoryHeader = styled.h6`\n  padding-left: 5px;\n  color: #000000;\n  font-family: \"Barlow Condensed\";\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  line-height: 17px;\n  margin-top: 20px;\n  margin-bottom: 20px;\n`\n\n\n\nconst CategoryLink = styled(Link)`\n  width: 100%;\n  text-decoration: none;\n  padding: 5px;\n  display: block;\n  &:hover {\n    background-color: #ecf9fd;\n    text-decoration: none;\n    > span {\n      color: black;\n    }\n  }\n`\n\nconst CategoryDiv = styled.div`\n  width: 100%;\n  text-decoration: none;\n  padding: 5px;\n  display: block;\n  &:hover {\n    background-color: #ecf9fd;\n    text-decoration: none;\n    > span {\n      color: black;\n    }\n  }\n`\nconst SearchBox = styled.input`\n  /* border: 1px solid red !important; */\n  box-shadow: none !important;\n  border: none !important;\n  border-bottom: 2px solid black !important;\n  font-size: 26px !important;\n  padding-left: 5px !important;\n  margin-bottom: 28px;\n  margin-top: 200px;\n`\n\nconst PortFolioCardGridContainer = styled.div`\n  width: 100%;\n  /* @media (min-width: ${props => props.theme.breakpoints.lg}) {\nmargin-left: -25%;\n}\n@media (min-width: ${props => props.theme.breakpoints.md}) {\nmargin-left: -10%;\n} */\n`\nconst Listing = styled.span`\n  color: #666666;\n\n  font-size: 22px;\n\n  line-height: 26px;\n`\n\nconst PortFolioContainer = styled.div`\n  margin: 0 auto;\n\n  width: 100%;\n`\nconst SpaceHolder = styled.div`\n  height: ${props => (props.display ? 0 : \"400px\")};\n`\n\nexport const pageQuery = graphql`\n  query search {\n    allWpPartner {\n      edges {\n        node {\n          id\n          title\n          slug\n          PartnerInfo {\n            tags\n            partnershipIntro\n            partnershipLogo {\n              localFile {\n                childImageSharp {\n                  gatsbyImageData(width: 400, layout: CONSTRAINED)\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n    allWpUniversity {\n      edges {\n        node {\n          id\n          slug\n          UniversityInfo {\n            featuredimage {\n              localFile {\n                childImageSharp {\n                  gatsbyImageData(width: 400, layout: CONSTRAINED)\n                }\n              }\n            }\n            isInUk\n            universityDescription\n            universityLocationCityForSearch\n          }\n          title\n        }\n      }\n    }\n    allWpPortfolio {\n      edges {\n        node {\n          id\n          title\n          slug\n          student_profile {\n            studentName\n            specialism\n            yearOfGraduation\n            searchImage {\n              localFile {\n                childImageSharp {\n                  fluid(maxWidth: 400) {\n                    ...GatsbyImageSharpFluid\n                  }\n                }\n              }\n            }\n          }\n          student_portfolio {\n            aboutMeHeading\n          }\n        }\n      }\n    }\n  }\n`\n"],"names":["SizeType","ToggleButton","label","checked","onChange","value","Button","onClick","isActive","styled","props","theme","colors","turquoise","secondaryBorder","turquoiseHover","tints","white","secondary","PartnerGridCard","logo","partner","PartnerInfo","partnershipLogo","localFile","childImageSharp","gatsbyImageData","useState","shadow","setShadow","Container","elevation","clickThroughToPartnerPage","onMouseOver","onMouseOut","StyledLink","to","slug","ImgContainer","G","image","style","height","width","imgStyle","objectFit","alt","PartnerInfoBox","PartnerName","title","Card","breakpoints","md","Link","sm","lighterGrey","PartnerGrid","StaticQuery","query","render","data","prioritySorted","allWpPartner","edges","map","v","node","sort","a","b","listingPriority","MainGrid","i","key","img","name","desc","tags","color","front","back","PortfolioCardContainer","StyledCard","className","fluid","loading","PortfolioInfoBox","TagContainer","slice","item","Tag","PortfolioName","PortfolioDesc","portfolios","maxWidth","PortfoliosCardContainer","index","student_profile","searchImage","e","uuidv4","studentName","student_portfolio","aboutMeHeading","specialism","lg","Sepcialisms","partners","partnersNode","universitiesData","allWpUniversity","portfoliosData","allWpPortfolio","searchList","setSearchList","portfoliosToRender","setPortfoliosToRender","graduationYearsToRender","setGraduationYearsToRender","partnersToRender","setPartnersToRender","universitiesToRender","setUniversitiesToRender","specialismsToRender","setSpecialismsToRender","isPortfoliosToggle","isFullView","setIsFullView","selectedCategory","setSelectedCategory","typedSearch","setTypedSearch","partnerships","toggleCategory","setToggleCategory","year","Date","getFullYear","studentYears","useEffect","mount","studentspecs","partnerspecs","unispecs","specs","graduationYears","group","originalIndex","includes","toLowerCase","push","toString","yearOfGraduation","searchItemsArray","SearchBox","type","id","placeholder","event","target","SearchContainer","length","CategoryHeader","CategoryDiv","Listing","CategoryLink","ToolbarContainer","ToolbarHeading","ToggleButtonRow","textAlign","paddingTop","margin","customwidth","PortFolioContainer","SearchSectionHeading","LinkContainer","ShowAllSpan","StyledRightArrow","PortFolioCardGridContainer","SpaceHolder","display","RightArrow"],"sourceRoot":""}