https://eatwellapp.netlify.app/static/js/main.439c340f.chunk.js

1(this.webpackJsonpeatwell=this.webpackJsonpeatwell||[]).push([[0],{33:function(e,t,c){},61:function(e,t,c){"use strict";c.r(t);var s=c(1),a=c(27),n=c.n(a),i=(c(33),c(3)),r=c(2),l=c.p+"static/media/food-illustration.b33fbefc.png",j=c(0);var o=function(){return Object(j.jsx)(j.Fragment,{children:Object(j.jsx)("section",{className:"hero homepage is-fullheight",children:Object(j.jsxs)("section",{className:"content-container index",children:[Object(j.jsx)("header",{className:" logo ",children:"eatwell"}),Object(j.jsxs)("div",{className:"columns down",children:[Object(j.jsxs)("div",{className:"column is-two-thirds",children:[Object(j.jsx)("h1",{className:"cta",children:"Your favourite recipes, made by YOU,"}),Object(j.jsx)("h1",{className:"cta-two",children:"Monday to Sunday with our recipe & meal plan APP"}),Object(j.jsx)("h4",{className:"cta-three",children:"Click to get started and search for meals for the meal planner"}),Object(j.jsx)(i.b,{to:"/recipes",className:"button start-button is-medium",children:"Get Started"})]}),Object(j.jsx)("div",{className:"column ",children:Object(j.jsx)("img",{className:"make-larger",src:l})})]})]})})})},b=c(8),u=c.n(b),d=c(9),h=c(6),m=c(10),O=c.n(m),x=function(e){var t=e.newRequest,c=e.handleChange;return Object(j.jsx)(j.Fragment,{children:Object(j.jsxs)("nav",{className:"navbar",children:[Object(j.jsx)("div",{className:"column",children:Object(j.jsx)(i.b,{to:"/",children:Object(j.jsx)("h1",{className:"logo-green",children:"eatwell"})})}),Object(j.jsx)("div",{className:"column is-two-quarters ",children:Object(j.jsxs)("form",{onSubmit:t,className:"search-form",children:[Object(j.jsx)("input",{type:"text",className:"input search-bar",placeholder:"Search recipes",onChange:c}),Object(j.jsx)("button",{className:"button search-button",children:"Search"})]})}),Object(j.jsx)("div",{className:"column",children:Object(j.jsx)(i.b,{to:"/recipes/MyRecipes",children:Object(j.jsx)("button",{className:"button my-recipe-button start-button ",children:"My Recipes"})})})]})})},p=function(e){var t=e.meals;return Object(j.jsx)(j.Fragment,{children:Object(j.jsx)("div",{className:"section",children:Object(j.jsx)("div",{className:"container",children:t&&Object(j.jsx)("div",{className:"columns is-multiline",children:t.results.map((function(e){return Object(j.jsx)("div",{className:"column is-one-quarter-desktop is-one-third-tablet",children:Object(j.jsx)(i.b,{to:"/recipes/".concat(e.id),children:Object(j.jsxs)("div",{className:"card",children:[Object(j.jsx)("div",{className:"card-image ",children:Object(j.jsx)("figure",{className:"image resize image-is-1by1",children:Object(j.jsx)("img",{src:e.image,alt:e.title})})}),Object(j.jsx)("div",{className:"card-header ",children:Object(j.jsx)("div",{className:"card-header-title",children:e.title})})]})})},e.id)}))})})})})},v=function(){var e=Object(s.useState)(null),t=Object(h.a)(e,2),c=t[0],a=t[1],n=Object(s.useState)(""),i=Object(h.a)(n,2),r=i[0],l=i[1],o=Object(s.useState)(""),b=Object(h.a)(o,2),m=b[0],v=b[1],f=Object(s.useState)(""),N=Object(h.a)(f,2),g=N[0],w=N[1],y=Object(s.useState)(""),S=Object(h.a)(y,2),k=S[0],C=S[1];Object(s.useEffect)((function(){(function(){var e=Object(d.a)(u.a.mark((function e(){var t;return u.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,O.a.get("https://api.spoonacular.com/recipes/complexSearch?query=".concat(r,"&cuisine=").concat(g,"&diet=").concat(k,"&number=50&apiKey=").concat("361d685ac8904161967c1545759b43eb"));case 2:t=e.sent,a(t.data);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}})()()}),[m,g,k]);var I=function(e){var t=e.target.value;w(t)},M=function(e){var t=e.target.value;C(t)};return Object(j.jsxs)(j.Fragment,{children:[Object(j.jsx)(x,{handleChange:function(e){var t=e.target.value;l(t)},newRequest:function(e){e.preventDefault(),v(r)}}),Object(j.jsxs)("div",{className:"columns",children:[Object(j.jsx)("div",{className:"column sidebar-left is-one-fifth",children:Object(j.jsxs)("div",{className:"side-content",children:[Object(j.jsx)("h2",{className:"instruction-title down",children:Object(j.jsx)("b",{children:"Catagories"})}),Object(j.jsxs)("ul",{children:[Object(j.jsx)("hr",{}),Object(j.jsx)("h4",{className:"space",children:"Cuisines"}

1),Object(j.jsx)("button",{className:"cata-button",onClick:I,value:"Chinese",children:"Chinese"}),Object(j.jsx)("button",{className:"cata-button",onClick:I,value:"Indian",children:"Indian"}),Object(j.jsx)("button",{className:"cata-button",onClick:I,value:"Italian",children:"Italian"}),Object(j.jsx)("button",{className:"cata-button",onClick:I,value:"British",children:"British"}),Object(j.jsx)("button",{className:"cata-button",onClick:I,value:"Spanish",children:"Spanish"}),Object(j.jsx)("button",{className:"cata-button",onClick:I,value:"Mexican",children:"Mexican"})]}),Object(j.jsx)("hr",{}),Object(j.jsxs)("ul",{children:[Object(j.jsx)("h4",{className:"space",children:"Dietry"}),Object(j.jsx)("button",{className:"cata-button",onClick:M,value:"Vegan",children:"Vegan"}),Object(j.jsx)("button",{className:"cata-button",onClick:M,value:"Vegetarian",children:"Vegetarian"}),Object(j.jsx)("button",{className:"cata-button",onClick:M,value:"Pescetarian",children:"Pescetarian"}),Object(j.jsx)("button",{className:"cata-button",onClick:M,value:"Ketogenic",children:"Ketogenic"})]}),Object(j.jsx)("hr",{})]})}),Object(j.jsx)("div",{className:"column is-three-quarters",children:Object(j.jsx)(p,{meals:c})})]})]})},f=function(){return Object(j.jsx)(j.Fragment,{children:Object(j.jsxs)("nav",{className:"navbar",children:[Object(j.jsx)("div",{className:"column",children:Object(j.jsx)(i.b,{to:"/recipes",children:Object(j.jsx)("h1",{className:"logo-green",children:"eatwell"})})}),Object(j.jsx)("div",{className:"column "})]})})},N=function(){var e=Object(r.f)(),t="361d685ac8904161967c1545759b43eb",c=Object(s.useState)(null),a=Object(h.a)(c,2),n=a[0],l=a[1],o=Object(s.useState)(null),b=Object(h.a)(o,2),m=b[0],x=b[1],p=function(){var c=Object(d.a)(u.a.mark((function c(){var s;return u.a.wrap((function(c){for(;;)switch(c.prev=c.next){case 0:return c.next=2,O.a.get("https://api.spoonacular.com/recipes/".concat(e.id,"/information?&apiKey=").concat(t));case 2:s=c.sent,l(s.data);case 4:case"end":return c.stop()}}),c)})));return function(){return c.apply(this,arguments)}}();Object(s.useEffect)((function(){p(),window.scrollTop}),[e.id]);var v=function(){var c=Object(d.a)(u.a.mark((function c(){var s;return u.a.wrap((function(c){for(;;)switch(c.prev=c.next){case 0:return c.next=2,O.a.get("https://api.spoonacular.com/recipes/".concat(e.id,"/similar?&number=8&apiKey=").concat(t));case 2:s=c.sent,x(s.data);case 4:case"end":return c.stop()}}),c)})));return function(){return c.apply(this,arguments)}}();Object(s.useEffect)((function(){v()}),[e.id]);if(!n)return null;var N=n.image,g=n.summary,w=n.analyzedInstructions,y=n.extendedIngredients,S=n.instructions;return Object(j.jsxs)(j.Fragment,{children:[Object(j.jsx)(f,{}),Object(j.jsx)("section",{className:"section",children:Object(j.jsx)("div",{className:"container",children:Object(j.jsxs)("div",{children:[Object(j.jsx)("h2",{className:"title food-title has-text-centered",children:n.title}),Object(j.jsx)("hr",{}),Object(j.jsxs)("div",{className:"columns",children:[Object(j.jsxs)("div",{className:"column is-half",children:[Object(j.jsx)("figure",{className:"image",children:Object(j.jsx)("img",{src:N,alt:""})}),Object(j.jsxs)("div",{className:"ingredient-box",children:[Object(j.jsx)("h4",{className:"title instruction-title is-4",children:"Ingredients"}),Object(j.jsx)("hr",{}),y.map((function(e){return Object(j.jsx)("li",{children:e.originalString},e.name)}))]})]}),Object(j.jsxs)("div",{className:"column is-half",children:[Object(j.jsx)("h4",{className:"title instruction-title is-4",children:"Summary"}),Object(j.jsx)("hr",{}),Object(j.jsxs)("h4",{children:[" ","Ready in ",Object(j.jsx)("b",{children:n.readyInMinutes})," mins"]}),Object(j.jsx)("hr",{}),Object(j.jsxs)("h4",{children:[" ","Serves ",Object(j.jsx)("b",{children:n.servings})]}),Object(j.jsx)("hr",{}),Object(j.jsx)("div",{dangerouslySetInnerHTML:{__html:"".concat(g)}}),Object(j.jsx)("br",{}),Object(j.jsx)("h2",{className:"title instruction-title is-4",children:"Instructions"}),Object(j.jsx)("hr",{}),w[0]?w[0].steps.map((function(e){return Object(j.jsxs)("li",{className:"instructions",children:[Object(j.jsx)("h2",{className:"step-number",children:Object(j.jsxs)("b",{children:["Step ",e.number]})}),e.step]},e.number)})):Object(j.jsx)("p",{children:S}),Object(j.jsx)(i.b,{to:"/recipes",children:Object(j.jsx)("button",{className:"button back-button",children:"Take me back"})}),Object(j.jsx)("button",{onClick:function(){var t=e.id,c=Math.floor(1e7*Math.random());window.localStorage.setItem(c,t)},className:"button save-button",children:"Save Recipe"})]})]})]})})}),Object(j.jsx)("div",{className:"section",children:Object(j.jsxs)("div",{className:"container",children:[Object(j.jsx)("h2",{className:"title instruction-title is-4",children:"Similar Recipes"}

1),Object(j.jsx)("hr",{}),m&&Object(j.jsx)("div",{className:"columns is-multiline",children:m.map((function(e){return Object(j.jsx)("div",{className:"column is-one-quarter-desktop is-one-third-tablet",children:Object(j.jsx)(i.b,{to:"/recipes/".concat(e.id),children:Object(j.jsx)("div",{className:"card",children:Object(j.jsx)("div",{className:"card-header ",children:Object(j.jsx)("div",{className:"card-header-title",children:e.title})})})})},e.id)}))})]})})]})},g=function(){var e=Object(s.useState)(""),t=Object(h.a)(e,2),c=t[0],a=t[1],n=Object(s.useState)([]),i=Object(h.a)(n,2),r=i[0],l=i[1];return Object(s.useEffect)((function(){(function(){var e=Object(d.a)(u.a.mark((function e(){var t;return u.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,O.a.get("https://api.spoonacular.com/recipes/informationBulk?ids=".concat(c,"&apiKey=").concat("361d685ac8904161967c1545759b43eb"));case 2:t=e.sent,l(t.data);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}})()()}),[]),r.map((function(e){console.log(e)})),console.log(c),Object(s.useEffect)((function(){!function(){for(var e=[],t=Object.keys(localStorage),c=t.length;c--;)e.push(localStorage.getItem(t[c]));a(e)}()}),[]),Object(j.jsx)("div",{children:Object(j.jsx)(f,{})})};c(34).config();var w=function(){return Object(j.jsx)(i.a,{children:Object(j.jsxs)(r.c,{children:[Object(j.jsx)(r.a,{exact:!0,path:"/",children:Object(j.jsx)(o,{})}),Object(j.jsx)(r.a,{path:"/recipes/MyRecipes",children:Object(j.jsx)(g,{})}),Object(j.jsx)(r.a,{path:"/recipes/:id",children:Object(j.jsx)(N,{})}),Object(j.jsx)(r.a,{path:"/recipes",children:Object(j.jsx)(v,{})})]})})};n.a.render(Object(j.jsx)(w,{}),document.getElementById("root"))}},[[61,1,2]]]);
2//# sourceMappingURL=main.439c340f.chunk.js.map