\n {content!\n .portfolioItems!.filter(\n (el) =>\n !filter ||\n el!.portfolioCategories?.some((it) => it?.categoryName === filter)\n )\n .map((item) =>\n item!.link ? (\n \n }\n key={item!.id}\n />\n \n ) : (\n }\n key={item!.id}\n />\n )\n )}\n >\n )\n}\n","import React from 'react'\nimport { ErrorComponent } from '../components/Error'\nimport Seo from '../components/seo'\nimport Navigation from '../components/NavBar'\nimport { PortfolioPageQueryQuery } from '../generated/graphql'\nimport { Portfolio } from '../components/Portfolio'\nimport { WindowLocation } from '@reach/router'\n\nexport const PortfolioPageContainer = ({\n data,\n location,\n locale = 'en-US',\n}: {\n data: PortfolioPageQueryQuery\n location: WindowLocation\n locale?: string\n}) => {\n if (!data.content) {\n return \n }\n return (\n
\n \n \n
\n \n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n
\n )\n}\n\n","import React from 'react'\nimport { graphql, PageProps } from 'gatsby'\nimport { ErrorComponent } from '../components/Error'\nimport { PortfolioPageQueryQuery } from '../generated/graphql'\nimport { PortfolioPageContainer } from '../containers/portfolio'\n\nconst PortofolioPage = ({\n data,\n location,\n}: PageProps) => {\n if (!data.content) {\n return \n }\n return \n}\n// This is the page query that connects the data to the actual component. Here you can query for any and all fields\n// you need access to within your code. Again, since Gatsby always queries for `id` in the collection, you can use that\n// to connect to this GraphQL query.\nexport const query = graphql`\n query PortfolioPageQuery {\n content: contentfulHomePage(\n contentfulid: { eq: \"homepage\" }\n node_locale: { eq: \"en-US\" }\n ) {\n mainImage {\n file {\n url\n }\n }\n portfolioTitle\n writingTitle\n headerTextBigOffset\n portfolioItems {\n contentful_id\n portfolioCategories {\n categoryName\n }\n id\n link\n icon {\n file {\n url\n }\n }\n description\n name {\n name\n }\n }\n\n portfolioCategories {\n contentful_id\n categoryName\n }\n }\n }\n`\nexport default PortofolioPage\n"],"names":["Tag","children","isActive","onClick","className","PortfolioItem","data","src","icon","file","url","name","portfolioCategories","map","category","i","key","id","categoryName","description","Portfolio","content","useState","undefined","filter","setFilter","contentful_id","portfolioItems","el","some","it","item","link","href","target","PortfolioPageContainer","location","locale","title","alt","mainImage","Error","message"],"sourceRoot":""}