https://eazy-meme.netlify.app/static/js/main.8bbffff0.chunk.js

1(this["webpackJsonpmeme-gen"]=this["webpackJsonpmeme-gen"]||[]).push([[0],{13:function(e,t,c){},15:function(e,t,c){"use strict";c.r(t);var n=c(1),s=c.n(n),a=c(7),i=c.n(a),m=c(3),r=(c(13),c(0)),o=function(e){var t=e.templates,c=e.setMeme;return Object(r.jsx)("div",{className:"templates",children:t.map((function(e){return Object(r.jsx)("div",{className:"temp",onClick:function(){c(e)},children:Object(r.jsx)("div",{className:"images",children:Object(r.jsx)("img",{src:e.url,alt:"meme",className:"image"})})},e.id)}))})},j=c(8),l=c(4),u=function(e){var t=e.meme,c=e.setMeme,s=Object(n.useState)({template_id:t.id,username:"IshanJain",password:"eazyphisy",boxes:[]}),a=Object(m.a)(s,2),i=a[0],o=a[1];return Object(r.jsx)(r.Fragment,{children:Object(r.jsxs)("div",{className:"meme",children:[Object(r.jsx)("img",{src:t.url,alt:"meme "}),Object(r.jsx)("div",{className:"input",children:Object(j.a)(Array(t.box_count)).map((function(e,t){return Object(r.jsx)("input",{type:"text",placeholder:"Meme Caption ".concat(t+1),onChange:function(e){var c=i.boxes;c[t]={text:e.target.value},o(Object(l.a)(Object(l.a)({},i),{},{boxes:c}))}},t)}))}),Object(r.jsxs)("div",{className:"buttons",children:[Object(r.jsx)("button",{onClick:function(){var e="https://api.imgflip.com/caption_image?template_id=".concat(i.template_id,"&username=").concat(i.username,"&password=").concat(i.password);i.boxes.map((function(t,c){return e+="&boxes[".concat(c,"][text]=").concat(t.text)})),fetch(e).then((function(e){return e.json()})).then((function(e){!0===e.success&&c(Object(l.a)(Object(l.a)({},t),{},{url:e.data.url}))}))},children:"Generate Meme"}),Object(r.jsx)("button",{onClick:function(){c(null)},children:"Choose Template"})]})]})})};var b=function(){var e=Object(n.useState)([]),t=Object(m.a)(e,2),c=t[0],s=t[1],a=Object(n.useState)(null),i=Object(m.a)(a,2),j=i[0],l=i[1];return Object(n.useEffect)((function(){fetch("https://api.imgflip.com/get_memes").then((function(e){return e.json()})).then((function(e){s(e.data.memes)}))}),[]),Object(r.jsx)(r.Fragment,{children:Object(r.jsxs)("div",{className:"App",children:[Object(r.jsx)("p",{children:"Welcome To The Meme-Nation!!"}),null===j?Object(r.jsx)(o,{templates:c,setMeme:l}):Object(r.jsx)(u,{meme:j,setMeme:l})]})})};i.a.render(Object(r.jsx)(s.a.StrictMode,{children:Object(r.jsx)(b,{})}),document.getElementById("root"))}},[[15,1,2]]]);
2//# sourceMappingURL=main.8bbffff0.chunk.js.map