{"version":3,"file":"component---src-pages-recipe-index-js-dc3e75fa505b5f1913a0.js","mappings":"2SAiCA,EA3ByB,SAAC,GAAyD,IAAvDA,EAAsD,EAAtDA,MAAOC,EAA+C,EAA/CA,IAAKC,EAA0C,EAA1CA,MAAOC,EAAmC,EAAnCA,SAAUC,EAAyB,EAAzBA,QAASC,EAAgB,EAAhBA,UAEhE,OACE,gCACE,gBAAC,EAAAC,KAAD,CAAMC,GAAIN,EAAMI,UAAyB,OAAdA,EAAqB,GAAKA,GACnD,gBAACG,EAAA,EAAD,CAAMH,UAAU,yBACZ,gBAACG,EAAA,OAAD,CAAWH,UAAU,iBACrB,gBAACG,EAAA,QAAD,KACSR,GAET,4BACGS,EAAAA,EAAAA,IAAML,GACP,2BACA,uBAAKC,UAAU,sBAEdH,MAAAA,EAAwC,iCACvC,gBAAC,EAAAQ,EAAD,CAAaR,MAAOA,EAAOS,IAAKR,MAAAA,EAA8CH,EAAQG,W,60BCZtG,IA+DA,EA7DwB,SAAC,GAIvB,IAJ8D,IAAD,EAI7D,EAJ0BS,EAAmC,EAAnCA,SAAmBC,EAAgB,EAAzBC,KAASD,OACvCE,EAAW,UAAGH,EAASI,aAAZ,aAAG,EAAgBD,YAEhCE,EAAS,GACb,IAAgBJ,EAAOK,SAAvB,aAA8B,CAAC,IAAtBC,EAAqB,QAC5BF,EAAOE,EAAIC,KAAKC,MAAQF,EAAIC,KAAKE,gBAAgBC,gBAGnD,IAAMC,EACJ,gCAAE,uBAAKnB,UAAU,qBAAoB,gBAAC,EAAAC,KAAD,CAAMC,GAAG,iBAAT,sBAClCkB,EAAAA,GAAAA,KAAqB,SAAAC,GAAQ,OAC5B,uBAAKC,IAAKD,EAASE,KAAMvB,UAAU,mCACjC,gBAAC,EAAAC,KAAD,CAAMC,GAAImB,EAASE,MAAOF,EAASL,UAIvC,2BAAK,2BAAK,2BAAK,6BAGbQ,EACJ,gBAACC,EAAA,EAAD,CAAgB9B,MAAM,qBACnByB,EAAAA,GAAAA,KAAqB,SAAAC,GAAQ,OAC5B,gBAACK,EAAA,OAAD,CAAeC,KAAMN,EAASE,MAAOF,EAASL,UAKpD,OACA,gBAAC,IAAD,CAAQY,SAAU,CAAEC,SAAU,eAAgBnB,YAAaA,GAAeS,eAAgBA,EAAgBK,gBAAiBA,EAAiBM,aAAa,SACvJ,gBAAC,IAAD,CAAKnC,MAAM,iBAAiBoC,SAAU,CAAC,UAAD,UAAuBC,YAAY,eAAeC,IA/BhF,mBAiCN,gBAACC,EAAA,EAAD,CAAWC,OAAK,EAACnC,UAAU,eAC3B,gBAACoC,EAAA,EAAD,CAAKpC,UAAU,6BACb,gBAACqC,EAAA,EAAD,KACE,gBAACA,EAAA,OAAD,CAAiBV,KAAK,KAAtB,QACA,gBAACU,EAAA,OAAD,CAAiBC,QAAM,GAAvB,aAGJ,gBAACF,EAAA,EAAD,KACA,gBAACG,EAAA,EAAD,CAAKvC,UAAU,OACb,sDAGF,gBAACoC,EAAA,EAAD,CAAKpC,UAAU,2CACZoB,EAAAA,GAAAA,KAAoB,SAAAoB,GAAG,OACtB,gBAAC,EAAD,CACElB,IAAKkB,EAAIjB,KACT5B,MAAO6C,EAAIxB,KACXpB,IAAK4C,EAAIjB,KACT1B,MAAqB,KAAd2C,EAAI3C,MAAe,KAAOe,EAAO4B,EAAI3C,OAC5CE,QAASyC,EAAIR,YACbhC,UAAU","sources":["webpack://i-love-it-recipes/./src/components/mainCategoryCard.js","webpack://i-love-it-recipes/./src/pages/recipe-index.js"],"sourcesContent":["import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\nimport parse from 'html-react-parser';\nimport { Card } from \"react-bootstrap\"\n\nconst MainCategoryCard = ({ title, uri, image, imageAlt, excerpt, className }) => {\n\n  return (\n    <>\n      <Link to={uri}  className={className === null ? '' : className}>\n        <Card className=\"m-2 p-1 main-cat-card\">\n            <Card.Body className=\"main-cat-body\">\n            <Card.Title>\n                    {title}\n            </Card.Title>\n            <div>\n              {parse(excerpt)}\n              <br/>\n              <div className=\"p-2 main-cat-image\">\n\n              {image === undefined || image === null ? <></> : \n                <GatsbyImage image={image} alt={imageAlt === undefined || imageAlt === null ? title : imageAlt} />}\n                </div>\n              \n            </div>\n            </Card.Body>\n        </Card>\n      </Link>\n    </>\n  )\n}\n\nexport default MainCategoryCard\n","import React from \"react\"\nimport { Row, Container, Col, DropdownButton, Dropdown, Breadcrumb } from \"react-bootstrap\"\nimport { graphql, Link } from \"gatsby\"\n\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport MainCategoryCard from \"../components/mainCategoryCard\"\n\nimport { main_categories } from \"../components/categoryInfo\"\n\nconst uri = \"/recipe-index/\"\n\nconst RecipeIndexPage = ( { location, data : { images } } ) => {\n  const searchQuery = location.state?.searchQuery\n\n  var imgarr = []\n  for (var img of images.edges) {\n    imgarr[img.node.name] = img.node.childImageSharp.gatsbyImageData\n  }\n\n  const sideBarOptions = \n    <><div className=\"category-menu-top\"><Link to=\"/recipe-index\">Recipe Categories</Link></div>\n      {main_categories.map( category => (\n        <div key={category.link} className=\"d-flex category-menu-links ps-3\">\n          <Link to={category.link}>{category.name}</Link>\n        </div>\n        ))\n      }\n      <div><br/><br/><br/></div>\n    </>\n\n  const dropDownOptions = \n    <DropdownButton title=\"Recipe Categories\">\n      {main_categories.map( category => (\n        <Dropdown.Item href={category.link}>{category.name}</Dropdown.Item>\n          ))\n      }\n    </DropdownButton>\n  \n  return (\n  <Layout pageInfo={{ pageName: \"recipe-index\", searchQuery: searchQuery }} sideBarOptions={sideBarOptions} dropDownOptions={dropDownOptions} sideBarWidth=\"185px\">\n    <Seo title=\"Browse Recipes\" keywords={[`recipes`, `browse`]} description=\"Recipe index\" url={uri} />\n\n      <Container fluid className=\"text-center\">\n      <Row className=\"justify-content-left my-3\">\n        <Breadcrumb>\n          <Breadcrumb.Item href=\"/\">Home</Breadcrumb.Item>\n          <Breadcrumb.Item active>Recipes</Breadcrumb.Item>\n        </Breadcrumb>\n      </Row>\n      <Row>\n      <Col className=\"p-4\">\n        <h1>Main Recipe Categories</h1>\n      </Col>\n      </Row>\n      <Row className=\"justify-content-center d-flex flex-wrap\">\n        {main_categories.map(rec => (\n          <MainCategoryCard\n            key={rec.link}\n            title={rec.name}\n            uri={rec.link}\n            image={rec.image === \"\" ? null : imgarr[rec.image] }\n            excerpt={rec.description}\n            className=\"main-cat-card\"\n          />\n        ))}\n    </Row>\n    </Container>\n  </Layout>\n)\n}\n\n\nexport default RecipeIndexPage\n\nexport const recipeIndexQuery = graphql`\n  query recipeIndexImages {\n    images: allFile (filter: { sourceInstanceName: { eq: \"recipe-index-images\" }}) {\n      edges {\n        node {\n          dir\n          ext\n          sourceInstanceName\n          name\n          childImageSharp {\n            gatsbyImageData(width: 200)\n          }\n        }\n      }\n    }\n  }\n`\n"],"names":["title","uri","image","imageAlt","excerpt","className","Link","to","Card","parse","G","alt","location","images","data","searchQuery","state","imgarr","edges","img","node","name","childImageSharp","gatsbyImageData","sideBarOptions","main_categories","category","key","link","dropDownOptions","DropdownButton","Dropdown","href","pageInfo","pageName","sideBarWidth","keywords","description","url","Container","fluid","Row","Breadcrumb","active","Col","rec"],"sourceRoot":""}