{"version":3,"file":"component---src-pages-projects-index-js-3e34c7fa28fdd814e6e6.js","mappings":"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","sources":["webpack://portfolio/./src/components/ProjExternalLinks.js","webpack://portfolio/./src/components/Card.js","webpack://portfolio/./src/components/ProjectCards.js","webpack://portfolio/./src/utils/mergeJsonPhoto.js","webpack://portfolio/./src/pages/projects/index.js","webpack://portfolio/./src/assets/svg/external.svg"],"sourcesContent":["import React from 'react'\nimport GithubLogo from '../assets/svg/github.svg'\nimport ExternalLink from '../assets/svg/external.svg'\n\n\nconst ProjExternalLinks = (props) => {\n    console.log(props)\n    const { card_or_proj, proj_id, proj_gitlink, proj_livelink } = props;\n    console.log(proj_livelink)\n    return (\n        <ul className={`${card_or_proj}-external-links`}>\n            <li className={`${card_or_proj}-external-links-li`}>\n                <a href={proj_gitlink} className='-github-link' aria-label={`${proj_id} on github`}>\n                    <GithubLogo/>\n                </a>\n            </li>\n            {\n                proj_livelink &&\n                <li className={`${card_or_proj}-external-links-li`}>\n                    <a href={proj_livelink} className=\"card-live-link\" aria-label={`${proj_id} live application`}>\n                        <ExternalLink />\n                    </a>\n                </li>\n            }\n        </ul>\n\n    )\n}\n\nexport default ProjExternalLinks\n","import React from 'react'\nimport { Link } from 'gatsby';\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\"\nimport ProjExternalLinks from './ProjExternalLinks'\n\n\n\n\n\n\n\nconst Card = ({ data, page }) => {\n    const cardImg = getImage(data.childImageSharp)\n    console.log(cardImg)\n\n    const { id, title, gitlink, livelink, cardimg: { alt } } = data;\n    const slug = id;\n\n    return (\n        <article className={page ? 'project-card' : 'home-card project-card'}>\n            <div className='project-card-info-wrapper'>\n                <h3 className='project-card-head'>{title}</h3>\n                <ProjExternalLinks\n                    card_or_proj={'card'} \n                    proj_id={id}\n                    proj_gitlink={gitlink}\n                    proj_livelink={livelink}\n                />\n                <button className='btn project-card-details-btn' aria-controls={`${id}-details-btn`}>\n                    <Link id={`${id}-details-btn`} to={`/projects/${slug}/`} aria-label={`more info about ${id}`}>Project details</Link>\n                </button>\n            </div>\n            <GatsbyImage className='project-card-mockup' image={cardImg} alt={alt} imgStyle={{objectFit: \"contain\"}}/>\n        </article>\n        \n    )\n}\n\nexport default Card\n","import React from 'react';\nimport Card from './Card';\nimport { mergeJsonPhoto } from '../utils/mergeJsonPhoto';\n\nconst ProjectCards = (props) => {\n    console.log(props)\n    const { location, data } = props;\n    console.log(location)\n    const cardImgs = data.cardImgs.nodes;\n    const projectCards = data.projectCards.nodes;\n\n    const combinedCards = mergeJsonPhoto(projectCards, cardImgs);\n    console.log(combinedCards)\n\n    const pageorhome = location.pathname.includes(\"projects\")\n\n    return (\n        <div className={pageorhome ? 'project-card-list' : 'home-list project-card-list'}>\n            {\n                combinedCards.map((card) => {\n                    return (\n                        <Card key={card.id} data={card} page={pageorhome} />\n                    )\n                })\n            }\n        </div>\n    )\n}\n\nexport default ProjectCards\n","export const mergeJsonPhoto = (dataArr = [], photoArr = []) => {\n    const combinedCards = [];\n\n    for (let el = 0; el < dataArr.length; el++) {\n        let dataArrElid = dataArr[el].cardimg?.img?.split(\".\")[0];\n        combinedCards.push({\n            ...dataArr[el],\n            ...(photoArr.find((img) => img.base?.split(\".\")[0] === dataArrElid))\n        });\n    }\n    \n    return combinedCards;\n}\n\n","import React from 'react'\nimport { graphql } from 'gatsby';\nimport Layout from '../../layouts/layout'\nimport ProjectCards from '../../components/ProjectCards'\n\nimport '../../styles/styles.scss'\n\n\nconst projects = ({ location, data }) => {\n    console.log(data)\n    return (\n        <main aria-label='projects page'>\n        <Layout location={location} title={\"Reuben Allik's Projects\"}>\n                <section className='section projects-page'>\n                    <h1 className='projects-p-header heading-t'>Projects</h1>\n                    <ProjectCards location={location} data={data}/>\n                </section>\n            </Layout>\n        </main>\n    )\n}\n\nexport const query = graphql`\n{\n  projectCards: allProjectsJson {\n      nodes {\n        id\n        title\n        subtitle\n        gitlink\n        livelink\n        cardimg {\n          alt\n          img\n        }\n        tooltags {\n          tag\n        }\n        otherimg {\n          alt\n          img\n        }\n        description {\n          p\n        }\n        nextsteps\n      }\n    }\n  \n  cardImgs: allFile(filter: {name: {glob: \"*card*\"}}) {\n    nodes {\n      base\n      childImageSharp {\n        id\n        gatsbyImageData(\n          placeholder: TRACED_SVG\n          sizes: \"100px, 200px, 300px, 400px\"\n          breakpoints: 4\n        )\n      }\n    }\n  }\n}\n`\n\nexport default projects\n","var React = require('react');\n\nfunction External (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M7 3V5H2V16H13V11H15V17C15 17.2652 14.8946 17.5196 14.7071 17.7071C14.5196 17.8946 14.2652 18 14 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17V4C0 3.73478 0.105357 3.48043 0.292893 3.29289C0.48043 3.10536 0.734784 3 1 3H7ZM18 0V9L14.206 5.207L8.207 11.207L6.793 9.793L12.792 3.793L9 0H18Z\",\"fill\":\"black\"}));\n}\n\nExternal.defaultProps = {\"width\":\"18\",\"height\":\"18\",\"viewBox\":\"0 0 18 18\",\"fill\":\"none\"};\n\nmodule.exports = External;\n\nExternal.default = External;\n"],"names":["props","console","log","card_or_proj","proj_id","proj_gitlink","proj_livelink","className","href","data","page","cardImg","getImage","childImageSharp","id","title","gitlink","livelink","alt","cardimg","slug","ProjExternalLinks","Link","to","G","image","imgStyle","objectFit","location","cardImgs","nodes","combinedCards","dataArr","photoArr","el","dataArrElid","img","split","push","find","base","length","mergeJsonPhoto","projectCards","pageorhome","pathname","includes","map","card","key","React","External","createElement","defaultProps","module","exports","default"],"sourceRoot":""}