text: (this["webpackJsonpcyber-tender"]=this["webpackJsonpcyber-tender"]||[]).push([[0],{82:function(e,t,c){},89:function(e,t,c){},91:function(e,t,c){"use strict";c.r(t);var n=c(2),s=c.n(n),i=c(63),r=c.n(i),a=(c(82),c(1)),l=function(){return Object(a.jsx)("section",{id:"welcome",children:Object(a.jsxs)("h1",{children:["Drink page",Object(a.jsx)("br",{}),"The resulting drink will appear here"]})})};function j(){return Object(a.jsx)("div",{className:"neon-container grey darken-4",children:Object(a.jsxs)("div",{className:"col l6 s12",children:[Object(a.jsx)("h2",{className:"cyber",children:"Cyber"}),Object(a.jsx)("h2",{className:"cyber2",children:"Bar"})]})})}var o,d,b,h=c(43),O=function(){return Object(a.jsxs)("section",{id:"welcome",children:[Object(a.jsxs)("h1",{children:["Welcome page",Object(a.jsx)("br",{}),"What'll Ya Have??"]}),Object(a.jsx)(h.b,{to:"/Questions",children:Object(a.jsx)("button",{children:" Click here to start"})})]})},x=c(28),u=c(29),m=c(31),g=c(30),p=function(e){Object(m.a)(c,e);var t=Object(g.a)(c);function c(){return Object(x.a)(this,c),t.apply(this,arguments)}return Object(u.a)(c,[{key:"componentDidMount",value:function(){var e=window.M;document.addEventListener("DOMContentLoaded",(function(){var t=document.querySelectorAll(".sidenav");e.Sidenav.init(t,{})}))}},{key:"render",value:function(){return Object(a.jsxs)("div",{children:[Object(a.jsx)("nav",{className:"grey darken-4",children:Object(a.jsxs)("div",{className:"nav-wrapper",children:[Object(a.jsx)("a",{href:"#","data-target":"slide-out",class:"sidenav-trigger show-on-large",children:Object(a.jsx)("i",{class:"material-icons",children:"menu"})}),Object(a.jsx)("a",{href:"#",className:"brand-logo center"}),Object(a.jsx)("ul",{id:"nav-mobile",className:"right hide-on-med-and-down",children:Object(a.jsx)("li",{children:Object(a.jsx)("a",{className:"modal-trigger",href:"collapsible.html","data-target":"modal1",children:"Sign Up"})})})]})}),Object(a.jsxs)("ul",{id:"slide-out",class:"sidenav",children:[Object(a.jsx)("li",{children:Object(a.jsxs)("div",{class:"user-view",children:[Object(a.jsx)("div",{class:"background grey lighten-2",children:Object(a.jsx)("img",{src:"images/office.jpg"})}),Object(a.jsx)("a",{href:"#user",children:Object(a.jsx)("img",{class:"circle",src:"images/yuna.jpg"})}),Object(a.jsx)("a",{href:"#name",children:Object(a.jsx)("span",{class:"white-text name",children:"header"})}),Object(a.jsx)("a",{href:"#email",children:Object(a.jsx)("span",{class:"white-text email",children:"subheader"})})]})}),Object(a.jsx)("li",{children:Object(a.jsxs)("a",{href:"#!",children:[Object(a.jsx)("i",{class:"material-icons",children:"home"}),"Home"]})}),Object(a.jsx)("li",{children:Object(a.jsxs)("a",{href:"#!",children:[Object(a.jsx)("i",{class:"material-icons",children:"local_bar"}),"The Cyber Bar"]})}),Object(a.jsx)("li",{children:Object(a.jsxs)("a",{href:"#!",children:[Object(a.jsx)("i",{class:"material-icons",children:"assignment"}),"Drink Menu"]})}),Object(a.jsx)("li",{children:Object(a.jsxs)("a",{href:"#!",children:[Object(a.jsx)("i",{class:"material-icons",children:"people"}),"About Us"]})})]})]})}}]),c}(n.Component),f=p,v=function(e){Object(m.a)(c,e);var t=Object(g.a)(c);function c(){return Object(x.a)(this,c),t.apply(this,arguments)}return Object(u.a)(c,[{key:"render",value:function(){return Object(a.jsx)("section",{class:"section section-icons grey darken-4 center",children:Object(a.jsx)("div",{class:"container  grey darken-4",children:Object(a.jsxs)("div",{class:"row",children:[Object(a.jsx)("div",{class:"col s12 m4",children:Object(a.jsxs)("div",{class:"card-panel",children:[Object(a.jsx)("i",{class:"material-icons large light-green-text",children:"local_bar"}),Object(a.jsx)("h4",{children:"Visit The Bar"}),Object(a.jsx)("p",{children:"Visit our online bar, where you can choose what drink you like to be made via our descion tree."})]})}),Object(a.jsx)("div",{class:"col s12 m4",children:Object(a.jsxs)("div",{class:"card-panel",children:[Object(a.jsx)("i",{class:"material-icons large light-green-text",children:"assignment"}),Object(a.jsx)("h4",{children:"Drink Menu"}),Object(a.jsx)("p",{children:"You can also browse our collection of cocktails, each with ingredients and directions."})]})}),Object(a.jsx)("div",{class:"col s12 m4",children:Object(a.jsxs)("div",{class:"card-panel",children:[Object(a.jsx)("i",{class:"material-icons large  light-green-text",children:"help_outline"}),Object(a.jsx)("h4",{children:"Questions"}),Object(a.jsx)("p",{children:"If you have any further questions about the Cyber Bar, check out our About Us section. "})]})})]})})})}}]),c}(n.Component),y=v,k=function(e){Object(m.a)(c,e);var t=Object(g.a)(c);function c(){return Object(x.a)(this,c),t.apply(this,arguments)}return Object(u.a)(c,[{key:"render",value:function(){return Object(a.jsx)("div",{className:"row",children:Object(a.jsx)("div",{className:"col s12 m4 offset-m4",children:Object(a.jsxs)("div",{className:"card",children:[Object(a.jsx)("div",{className:"card-action grey darken-3 white-text",children:Object(a.jsx)("h3",{children:"Signup"})}),Object(a.jsxs)("div",{className:"card-content",children:[Object(a.jsx)("div",{class:"row",children:Object(a.jsx)("form",{class:"col s12",children:Object(a.jsxs)("div",{class:"row",children:[Object(a.jsxs)("div",{class:"input-field col s6",children:[Object(a.jsx)("i",{class:"material-icons prefix",children:"account_circle"}),Object(a.jsx)("input",{id:"icon_prefix",type:"text",class:"validate"}),Object(a.jsx)("label",{for:"icon_prefix",children:"Username"})]}),Object(a.jsxs)("div",{class:"input-field col s6",children:[Object(a.jsx)("i",{class:"material-icons prefix",children:"password"}),Object(a.jsx)("input",{id:"icon_telephone",type:"tel",class:"validate"}),Object(a.jsx)("label",{for:"icon_telephone",children:"Password"})]})]})})}),Object(a.jsxs)("button",{class:"btn waves-effect grey darken-3",type:"submit",name:"action",children:["Sign In",Object(a.jsx)("i",{class:"material-icons right",children:"send"})]})]})]})})})}}]),c}(n.Component),w=k,N=function(e){Object(m.a)(c,e);var t=Object(g.a)(c);function c(){return Object(x.a)(this,c),t.apply(this,arguments)}return Object(u.a)(c,[{key:"render",value:function(){return Object(a.jsxs)("footer",{className:"page-footer grey darken-4",children:[Object(a.jsx)("div",{className:"container grey darken-3",children:Object(a.jsxs)("div",{className:"row",children:[Object(a.jsxs)("div",{className:"col l6 s12",children:[Object(a.jsx)("h5",{className:"grey-text",children:"Developers"}),Object(a.jsx)("p",{className:"grey-text text-lighten-4",children:"Here are some links to look at more of our work, you can also contact us here for questions."})]}),Object(a.jsxs)("div",{className:"col l4 offset-l2 s12",children:[Object(a.jsx)("h5",{className:"grey-text",children:"Github Links"}),Object(a.jsxs)("ul",{children:[Object(a.jsx)("li",{children:Object(a.jsx)("a",{className:"grey-text text-lighten-3",href:"https://github.com/jpoulin587",children:"Jim Poulin"})}),Object(a.jsx)("li",{children:Object(a.jsx)("a",{className:"grey-text text-lighten-3",href:"https://github.com/salvadordiaz1222",children:"Salvador Diaz"})}),Object(a.jsx)("li",{children:Object(a.jsx)("a",{className:"grey-text text-lighten-3",href:"https://github.com/LRumgay",children:"Liam Rumgay"})}),Object(a.jsx)("li",{children:Object(a.jsx)("a",{className:"grey-text text-lighten-3",href:"#!"})})]})]})]})}),Object(a.jsx)("div",{className:"footer-copyright"})]})}}]),c}(n.Component),q=N,S=c(9),C=c(16),D=c(11),_=c(113),I=c(114),L=c(109),B=c(24),F=c(111),M=(Object(F.a)(o||(o=Object(B.a)(["\n  query Query {\n    drinks {\n      name\n      liquor\n      style\n      flavor\n      strong\n      ingredients\n      directions\n      image\n    }\n  }\n"]))),Object(F.a)(d||(d=Object(B.a)(["\n  query Query {\n    questions {\n      order\n      question\n      key\n    }\n  }\n"])))),T=Object(F.a)(b||(b=Object(B.a)(["\n  mutation getOptions($selectedOptions: [SelectedOptions]!, $nextKey: String) {\n    getOptions(selectedOptions: $selectedOptions, nextKey: $nextKey) {\n      data {\n        name\n        style\n        liquor\n        flavor\n        strong\n        ingredients\n        directions\n        image\n      }\n      options\n    }\n  }\n"]))),E=function(){var e=Object(n.useState)({}),t=Object(D.a)(e,2),c=t[0],s=t[1],i=Object(n.useState)([]),r=Object(D.a)(i,2),l=r[0],j=r[1],o=Object(n.useState)([]),d=Object(D.a)(o,2),b=d[0],h=d[1],O=Object(n.useState)([]),x=Object(D.a)(O,2),u=x[0],m=x[1],g=Object(n.useState)([]),p=Object(D.a)(g,2),f=p[0],v=p[1],y=Object(_.a)(M),k=(y.loading,y.data),w=void 0===k?{}:k,N=Object(I.a)(T),q=Object(D.a)(N,2),S=q[0],B=q[1].data,F=void 0===B?{}:B;Object(n.useEffect)((function(){w.questions&&(j(w.questions),s(w.questions[0]),S({variables:{selectedOptions:[],nextKey:w.questions[0].key}}))}),[w.questions]),Object(n.useEffect)((function(){if(F.getOptions){var e=F.getOptions,t=e.data,c=e.options;console.log(t,c),v(t),h(c)}}),[F]);return console.log({results:f}),Object(a.jsx)(a.Fragment,{children:Object(a.jsx)("div",{children:Object(a.jsxs)("div",{className:"row",children:[Object(a.jsx)("h1",{children:c.question}),b.map((function(e){return Object(a.jsx)(L.a,{onClick:function(){return function(e){var t=l.findIndex((function(e){return c.question===e.question})),n=l[t+1];S({variables:{selectedOptions:[].concat(Object(C.a)(u),[{key:c.key,value:e}]),nextKey:null===n||void 0===n?void 0:n.key}}),m((function(t){return[].concat(Object(C.a)(t),[{key:c.key,value:e}])})),s(n||{})}(e)},children:e})})),!c.question&&f.map((function(e){return Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)("ul",{children:e.name}),Object(a.jsx)("ul",{children:e.ingredients.map((function(e){return Object(a.jsx)("ul",{children:e})}))}),Object(a.jsx)("ul",{children:" "}),Object(a.jsxs)("ul",{children:["DIRECTIONS: ",Object(a.jsx)("br",{}),"  ",e.directions]}),Object(a.jsx)("img",{alt:"",src:e.image})]})}))]})})})},K=(c(89),c(70)),Q=c(110),P=c(112),U=c(108),$=Object(K.a)({uri:"/graphql"}),A=new Q.a({link:$,cache:new P.a});var H=function(){return Object(a.jsx)(U.a,{client:A,children:Object(a.jsx)(h.a,{children:Object(a.jsxs)("main",{className:"",children:[Object(a.jsx)(f,{}),Object(a.jsx)(j,{}),Object(a.jsx)(y,{}),Object(a.jsxs)(S.c,{children:[Object(a.jsx)(S.a,{exact:!0,path:"/",children:Object(a.jsx)(O,{})}),Object(a.jsx)(S.a,{exact:!0,path:"/Signup",children:Object(a.jsx)(w,{})}),Object(a.jsx)(S.a,{exact:!0,path:"/Questions",children:Object(a.jsx)(E,{})}),Object(a.jsx)(S.a,{exact:!0,path:"/Drink",children:Object(a.jsx)(l,{})})]}),Object(a.jsx)(q,{})]})})})},J=function(e){e&&e instanceof Function&&c.e(3).then(c.bind(null,116)).then((function(t){var c=t.getCLS,n=t.getFID,s=t.getFCP,i=t.getLCP,r=t.getTTFB;c(e),n(e),s(e),i(e),r(e)}))};c(90);r.a.render(Object(a.jsx)(s.a.StrictMode,{children:Object(a.jsx)(H,{})}),document.getElementById("root")),J()}},[[91,1,2]]]);
  //# sourceMappingURL=main.2e179a3b.chunk.js.map