(this.webpackJsonpmixitup=this.webpackJsonpmixitup||[]).push([[4],{38:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(45);function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(s){a=!0,o=s}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}}(e,t)||Object(r.a)(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}},39:function(e,t,n){"use strict";var r=n(0),a=n(3),o=n(6);t.a=function(){var e=Object(r.useRef)(),t=Object(a.f)();return Object(o.jsx)("div",{className:"search",children:Object(o.jsx)("div",{children:Object(o.jsx)("input",{ref:e,onKeyDown:function(n){return function(n){"Enter"===n.key&&t.push("/search-name/".concat(e.current.value))}(n)},type:"text",placeholder:"Cocktail Name",required:!0})})})}},40:function(e,t,n){"use strict";var r=n(0),a=n(18),o=n(6),i=function(){return Object(o.jsxs)(a.b,{to:"/",className:"logo",children:[Object(o.jsx)("span",{children:Object(o.jsx)("span",{children:Object(o.jsx)("img",{src:"data:image/png;base64,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",alt:"cocktail icon in logo",style:{width:"3.5vw",height:"4vw",marginLeft:"10px"}})})}),Object(o.jsx)("span",{style:{color:"#f77f00ff",textShadow:"2px 3px #003049ff"},children:Object(o.jsx)("i",{children:"Mix"})}),Object(o.jsxs)("span",{style:{color:"#eae2b7ff",textShadow:"2px 3px #003049ff"},children:[Object(o.jsx)("i",{children:"it"}),"Up"]})]})},c=n(38),s=function(e){var t=Object(r.useState)({strDrink:"",strDrinkThumb:"",strGlass:"",strAlcoholic:""}),n=Object(c.a)(t,2),i=n[0],s=n[1],l=Object(o.jsxs)(a.b,{to:"/names-detail/".concat(i.idDrink),onClick:function(){return e.setShow(!1)},alt:"cocktail image click for details",className:"modal-content",children:[Object(o.jsx)("img",{style:{height:"35vw",textAlign:"center",borderTopLeftRadius:"5px",borderTopRightRadius:"5px"},src:"".concat(i.strDrinkThumb),alt:"random cocktail generated"}),Object(o.jsx)("h2",{children:i.strDrink}),Object(o.jsx)("h3",{children:i.strAlcoholic}),Object(o.jsx)("h4",{children:"".concat(i.strGlass)})]}),u=Object(o.jsx)("section",{children:Object(o.jsx)("h2",{children:"Still loading..."})});return Object(r.useEffect)((function(){e.loading&&fetch("https://www.thecocktaildb.com/api/json/v1/1/random.php").then((function(e){return 200!==e.status?console.log("Status Code: ".concat(e.status)):e.json()})).then((function(e){s(e.drinks[0])})).catch((function(e){return console.log("Fetch Error; Come on man:".concat(e))}))}),[e.loading]),Object(o.jsx)("section",{className:"modal-content",children:i?l:u})},l=function(e){return Object(o.jsx)("div",{children:e.show?Object(o.jsxs)("div",{className:"modal",children:[Object(o.jsx)("button",{onClick:function(){return e.setShow(!e.show)},children:"\xd7"}),Object(o.jsx)(s,{loading:e.show,setShow:e.setShow})]}):null})},u=function(){var e=Object(r.useState)(!1),t=Object(c.a)(e,2),n=t[0],i=t[1];return document.body.style.overflow=n?"hidden":"auto",Object(o.jsxs)("nav",{className:"navlinks",children:[Object(o.jsx)("ul",{className:"links",children:["Cocktails","Ingredients","Random"].map((function(e,t){return"Random"===e?Object(o.jsx)("li",{children:Object(o.jsxs)(a.c,{exact:!0,to:"#popped",onClick:function(){i(!n)},className:"nav-link",isActive:function(){return!!n},activeStyle:{color:"#d62828ff"},children:["| ",e]},e)},t):Object(o.jsx)("li",{children:Object(o.jsxs)(a.c,{exact:!0,to:"/".concat(e.toLowerCase()),className:"nav-link",children:[" | ",e," "]},e)},t)}))}),Object(o.jsx)(l,{show:n,setShow:i})]})};t.a=function(e){return Object(o.jsx)("header",{className:"header",style:e.dark?{backgroundColor:"rgb(50, 50, 50)"}:{},children:Object(o.jsxs)("div",{className:"header-container",children:[Object(o.jsx)(i,{}),Object(o.jsx)(u,{})]})})}},45:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(46);function a(e,t){if(e){if("string"===typeof e)return Object(r.a)(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Object(r.a)(e,t):void 0}}},46:function(e,t,n){"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"a",(function(){return r}))},47:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=i(n(0)),o=i(n(12));function i(e){return e&&e.__esModule?e:{default:e}}var c=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={display:"",components:[]},n.updateFrame=n.updateFrame.bind(n),n.scrambling=!0,n}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"getNextComponent",value:function(e,t,n){var r=this.props.wrap&&e?this.props.wrap:a.default.Fragment;return a.default.createElement(r,{key:n},t)}},{key:"startScrambling",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3e3;this.queue=[],e=e||"";for(var r=t||"",a=r.length>e.length?r.length:e.length,o=n/1e3*60,i=0,c=0,s=o;i<a;i++){var l=o/a,u=r.length<e.length?c+Math.floor(Math.random()*l*.9):s-Math.floor(Math.random()*l*.9),h=r[i]||"",d=e[i]||"",f=this.props.humanLike||this.props.typewriter?u:Math.floor(Math.random()*o*.4),p=Math.floor(Math.random()*(o-f)),b=p+f;s=f,c=f,this.queue.push({oldCharacter:h,newCharacter:d,startTransformation:f,endTransformation:b})}cancelAnimationFrame(this.renderFrame),this.updateFrame()}},{key:"updateFrame",value:function(){var e=this,t=0,n="",r=void 0,a=[],o="",i=!1;this.queue=this.queue.map((function(c,s){var l=c.oldCharacter,u=c.newCharacter,h=c.startTransformation,d=c.endTransformation,f=c.scrambleChar,p=e.props,b=p.humanLike,j=p.typewriter,m=l,y=c,g=!1;return(b||j)&&e.frame>h?m=u:e.frame<h?m=l:e.frame>d?(m=u,t++):f?(m=f,g=!0):!b&&Math.random()<.05?(m=r=e.randomCharacter(),g=!0,y=Object.assign({},c,{scrambleChar:r})):m=l,g!==i?(a.push(e.getNextComponent(i,o,a.length)),o=""+m,i=!i):o+=m,n+=m,y})),""!==o&&a.push(this.getNextComponent(i,o,a.length)),this.scrambling?(this.setState({display:n,components:a}),t<this.queue.length&&(this.renderFrame=requestAnimationFrame(this.updateFrame),this.frame++)):cancelAnimationFrame(this.renderFrame)}},{key:"doneScrambling",value:function(){var e=this.props.onScrambleDone;"function"===typeof e&&e(this.state.display)}},{key:"randomCharacter",value:function(){return this.characters[Math.floor(Math.random()*this.characters.length)]}},{key:"getScrambleText",value:function(e){var t=e.text,n=e.children;return"string"===typeof t?t:"string"===typeof n?n:"No string was provided to the text prop!"}},{key:"componentWillReceiveProps",value:function(e){this.props.static||(this.frame=0,this.startScrambling(this.getScrambleText(e),e.changeFrom,e.renderIn))}},{key:"componentDidMount",value:function(){if(!this.props.static){var e=this.props,t=e.duration,n=e.renderIn,r=e.characters,a=this.getScrambleText(this.props);this.characters=r,this.scrambling=!0,this.frame=0,this.startScrambling(a,"",t||n)}}},{key:"componentWillUnmount",value:function(){this.scrambling=!1}},{key:"render",value:function(){return this.props.static?this.props.text:this.props.deprecatedFeatures?this.state.display:this.state.components}}]),t}(a.default.Component);c.propTypes={text:o.default.string,wrap:o.default.func,duration:o.default.number,renderIn:o.default.number,humanLike:o.default.bool,typewriter:o.default.bool,changeFrom:o.default.string,startDelay:o.default.number,static:o.default.bool,characters:o.default.oneOfType([o.default.string,o.default.arrayOf(o.default.string)]),deprecatedFeatures:o.default.bool,onScrambleDone:o.default.func},c.defaultProps={duration:3e3,renderIn:3e3,humanLike:!1,typewriter:!1,startDelay:0,characters:"+/\\_-"},t.default=c},48:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(47);Object.defineProperty(t,"Scrambler",{enumerable:!0,get:function(){return o(r).default}});var a=n(49);function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"Cycler",{enumerable:!0,get:function(){return o(a).default}})},49:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=c(n(0)),o=c(n(12)),i=c(n(47));function c(e){return e&&e.__esModule?e:{default:e}}function s(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var l=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={cycling:!0,renderText:"",previousText:""},n.cycle=n.cycle.bind(n),n.cycling=!0,n}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"changeRenderText",value:function(e,t){this.setState({renderText:e,previousText:t})}},{key:"cycle",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:3e3,n=this.props,r=n.humanLike,a=n.strings,o=n.onIteration,i=n.iterations,c=a;r&&(c=this.insertChar(a));var s=function n(r){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,s=arguments[2];if("function"===typeof o&&o(c[a],a),!(0!==i&&r>=i))return setTimeout((function(){e.state.cycling&&e.cycling&&(e.changeRenderText(c[a],s),e.timeout=n(r+1,(a+1)%c.length,c[a]))}),t)};this.changeRenderText(c[0]),this.timeout=s(0,1,c[0])}},{key:"stop",value:function(){this.setState({cycling:!1}),clearTimeout(this.timeout)}},{key:"insertChar",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e.reduce((function(e,n){return[].concat(s(e),[n,t])}),[])}},{key:"shouldComponentUpdate",value:function(e,t){var n=this,r=e.strings.filter((function(e){return!n.props.strings.includes(e)}));return t.renderText!==this.state.renderText||0!==r.length}},{key:"componentDidMount",value:function(){var e=this.props,t=e.startDelay,n=e.duration,r=e.delay;this.cycling=!0,this.cycle(t+n+r)}},{key:"componentWillUnmount",value:function(){this.cycling=!1}},{key:"render",value:function(){return a.default.createElement(i.default,{wrap:this.props.wrap,changeFrom:this.state.previousText,humanLike:this.props.humanLike,duration:this.props.duration,startDelay:this.props.startDelay,text:this.state.renderText})}}]),t}(a.default.Component);l.propTypes={strings:o.default.oneOfType([o.default.string,o.default.arrayOf(o.default.string)]),characters:o.default.oneOfType([o.default.string,o.default.arrayOf(o.default.string)]),humanLike:o.default.bool,duration:o.default.number,delay:o.default.number,startDelay:o.default.number,iterations:o.default.number,wrap:o.default.func,onIteration:o.default.func},l.defaultProps={strings:["The Scrambler needs some strings!"],characters:"+/\\_-",humanLike:!1,duration:3e3,delay:1e3,startDelay:0,iterations:0},t.default=l},53:function(e,t,n){"use strict";n.r(t);n(0);var r=n(48),a=n(6),o=function(e){return Object(a.jsx)("a",{href:e.to,className:e.formType,children:Object(a.jsx)("button",{type:"submit",className:"".concat(e.classType," lb-2"),children:e.text})})},i=n(40),c=n.p+"static/media/landing-img.9825ec82.jpg",s=function(){return Object(a.jsxs)("div",{children:[Object(a.jsx)("img",{className:"main-landing-img",src:c,alt:"splashing ice cubes in glasses"}),Object(a.jsx)(i.a,{}),Object(a.jsxs)("section",{className:"landing-over-img",children:[Object(a.jsx)("h1",{children:Object(a.jsx)(r.Scrambler,{text:"Mix up your life with MixItUp",wrap:function(e){return Object(a.jsx)("span",{style:{color:"#f77f00ff"},children:e.children})},characters:"*"})}),Object(a.jsx)("p",{style:{textIndent:"6vw"},children:"Want some new ingredients to try?"}),Object(a.jsx)("p",{style:{textIndent:"6vw"},children:" Want to explore different tastes?"}),Object(a.jsxs)("p",{style:{fontSize:"1.5vw",marginBottom:"1em"},children:["Uses an open, crowd-sourced database from",Object(a.jsx)("a",{href:"https://www.thecocktaildb.com/",target:"_blank",rel:"noreferrer",children:" CocktailDB "}),Object(a.jsx)("br",{}),"containing drinks and cocktails from around the world."]}),Object(a.jsx)(o,{to:"#content",text:"Learn More",formType:"hero-btn-form hero-btn",classType:"landing-btn"})]})]})},l=n.p+"static/media/fourLineup.42b814a4.jpg",u=n.p+"static/media/lemonlimeCocktail.55d9f8c8.jpg",h=n.p+"static/media/emptyGlasses.92856091.jpg",d=n(39),f=function(){var e={height:"30vw",borderRadius:"50%"};return Object(a.jsx)("div",{id:"content",children:Object(a.jsxs)("div",{className:"landing-content",children:[Object(a.jsxs)("div",{className:"content-row",children:[Object(a.jsx)("img",{style:e,src:l,alt:"four cocktails lined up, ready to go"}),Object(a.jsxs)("div",{className:"content-text",children:[Object(a.jsx)("p",{children:"Click on the icon to search by the name of the cocktail:"}),Object(a.jsx)("div",{style:{height:"5vw",marginBottom:"6vh"},children:Object(a.jsx)(d.a,{})}),Object(a.jsx)("p",{style:{fontSize:"1.5vw"},children:"Some examples include Long Island Iced Tea, Butterfly Effect, Negroni and New Moon. Throw in a part of a name and see what happens. "})]})]}),Object(a.jsxs)("div",{className:"content-row",children:[Object(a.jsxs)("div",{className:"content-text",children:[Object(a.jsx)("p",{children:" Browse through some ingredients to learn more about it and what drinks it can make. Maybe you have something laying around and you want to use it?"}),Object(a.jsx)(o,{to:"/ingredients",text:"Browse Ingredients",formType:"content-btn-form",classType:"content-btn"})]}),Object(a.jsx)("img",{style:e,src:u,alt:"four cocktails lined up, ready to go"})]}),Object(a.jsxs)("div",{className:"content-row",children:[Object(a.jsx)("img",{style:e,src:h,alt:"four cocktails lined up, ready to go"}),Object(a.jsxs)("div",{className:"content-text",children:[Object(a.jsx)("p",{children:"You can browse the database by the first letter of the drink name."}),Object(a.jsx)(o,{to:"/Cocktails",text:"Alphabetical Browse",formType:"content-btn-form",classType:"content-btn"})]})]})]})})};t.default=function(){return Object(a.jsxs)("div",{className:"landing-container",children:[Object(a.jsx)(s,{}),Object(a.jsx)(f,{})]})}}}]);
//# sourceMappingURL=4.06bf8b99.chunk.js.map