2 lines
5.0 KiB
JavaScript
2 lines
5.0 KiB
JavaScript
(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[3],{49:function(e,t,r){},55:function(e,t,r){},56:function(e,t,r){},57:function(e,t,r){},60:function(e,t,r){"use strict";r.r(t);var a=r(0),n=r.n(a),c=r(7),o=r.n(c),l=function(e){return n.a.createElement("div",{className:"c-Search"})};l.defaultProps={},l.propTypes={};var s=l,i=function(e){return n.a.createElement("div",{className:"c-CartIcon"})};i.defaultProps={},i.propTypes={};var u=i,d=function(e){return Object(a.useEffect)((function(){var e=document.body,t=0;window.addEventListener("scroll",(function(){var r=window.pageYOffset;0!==r?(r>t&&!e.classList.contains("scroll-down")?(e.classList.remove("scroll-up"),e.classList.add("scroll-down")):r<t&&e.classList.contains("scroll-down")&&(e.classList.remove("scroll-down"),e.classList.add("scroll-up")),t=r):e.classList.remove("scroll-up")}))})),n.a.createElement("header",{className:"c-Header"},n.a.createElement(s,null),n.a.createElement(u,null))};d.defaultProps={},d.propTypes={};var p=d,m=(r(49),r(50)),_=r(41),f=function(e){return n.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel"},n.a.createElement("div",{className:"container"},n.a.createElement("div",{className:"row"},n.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel__tool sort col-6"},n.a.createElement("p",{className:"c-Plp__c-SortAndFilterPanel__toolContent"},n.a.createElement(m.a,{icon:_.b})," Sort")),n.a.createElement("div",{className:"c-Plp__c-SortAndFilterPanel__tool filter col-6"},n.a.createElement("p",{className:"c-Plp__c-SortAndFilterPanel__toolContent"},n.a.createElement(m.a,{icon:_.a})," Filter")))))};f.defaultProps={},f.propTypes={};var P=f,v=(r(55),r(56),function(e){return n.a.createElement("button",{className:"c-Button ".concat(e.classes),type:e.buttonType,name:e.buttonName,value:e.buttonValue,disabled:e.buttonDisabled,autoFocus:e.buttonAutoFocus},e.buttonText)});v.defaultProps={},v.propTypes={};var E=v,b=function(e){var t=e.product;return n.a.createElement("article",{className:"c-Plp__c-ProductContainer__c-ProductTile col-6 col-md-4 col-lg-2",id:"product_".concat(t.id)},n.a.createElement("figure",null,n.a.createElement("img",{className:"c-Plp__c-ProductContainer__c-ProductTile__image",src:t.img_url,alt:t.name,style:{width:"100%"}}),t.name&&n.a.createElement("figcaption",{className:"c-Plp__c-ProductContainer__c-ProductTile__name"},t.name)),n.a.createElement("div",{className:"c-Plp__c-ProductContainer__c-ProductTile__price__container"},t.discountedPrice&&n.a.createElement("span",{className:"c-Plp__c-ProductContainer__c-ProductTile__price"},"\u20b9",Math.ceil(t.discountedPrice)),t.price&&n.a.createElement("span",{className:"c-Plp__c-ProductContainer__c-ProductTile__price--strikethrough"},t.price),t.discount&&n.a.createElement("span",{className:"c-Plp__c-ProductContainer__c-ProductTile__discount"},t.discount,"% off")),n.a.createElement(E,{classes:"btn btn__addToCart",buttonValue:"add-to-cart",buttonType:"button",buttonName:"addToCartButton",buttonText:"Add To Cart"}))};b.defaultProps={},b.propTypes={};var y=b,N=function(e){var t=e.products&&0!==e.products.length&&e.products.map((function(e,t){var r=e.price*(e.discount/100);return e.discountedPrice=e.price-r,n.a.createElement(y,{product:e,key:t})}));return n.a.createElement("main",{className:"c-Plp__c-ProductContainer"},n.a.createElement("div",{className:"container"},n.a.createElement("div",{className:"row"},t)))};N.defaultProps={products:[]},N.propTypes={products:o.a.array};var h=N,T=(r(57),function(e){return n.a.createElement("footer",{className:"c-Footer"},n.a.createElement("p",null,"@Copyright"))});T.defaultProps={},T.propTypes={};var g=T;function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"===typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],a=!0,n=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(a=(o=l.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(s){n=!0,c=s}finally{try{a||null==l.return||l.return()}finally{if(n)throw c}}return r}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return C(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return C(e,t)}(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.")}()}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}var S=function(e){var t=w(Object(a.useState)([]),2),r=t[0],c=t[1];return Object(a.useEffect)((function(){fetch("https://api.myjson.com/bins/qzuzi").then((function(e){return e.json()})).then((function(e){console.log(e),c(e)}))}),[]),n.a.createElement("div",{className:"c-Plp"},n.a.createElement(p,null),n.a.createElement(P,null),n.a.createElement(h,{products:r}),n.a.createElement(g,null))};S.defaultProps={},S.propTypes={};var A=S;t.default=A}}]);
|
|
//# sourceMappingURL=3.8557654d.chunk.js.map
|