%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/public_html/ncf/static/js/
Upload File :
Create Path :
Current File : /home/opti/public_html/ncf/static/js/49.96600b28.chunk.js.map

{"version":3,"sources":["app/layout/components/SliderBar/SliderBar.js","app/main/cart/components/slider/styles.js","app/main/cart/components/slider/Slider.js","app/main/cart/index.js"],"names":["SliderBar","userId","localStorage","getItem","useState","cart","setCart","useEffect","fetch","SERVER_URL","then","res","json","status","data","console","log","noOfItems","length","className","href","src","alt","Slider","styled","div","SwiperCore","use","Pagination","Cart","items","setCartItems","change","setchange","total","settotal","a","cartItems","forEach","item","prodId","product_id","message","push","id","user_id","quantity","price","product_img","image","pname","fetchCart","handleIncrease","e","preventDefault","itemId","target","parentElement","handleDecrease","handleRemove","scope","map","onClick"],"mappings":"kMAyDeA,IAnDf,WAEI,IAAMC,EAASC,aAAaC,QAAQ,gBAFpB,EAGQC,mBAAS,IAHjB,mBAGTC,EAHS,KAGHC,EAHG,KAKhBC,qBAAU,WAEFC,MAAM,GAAD,OAAIC,aAAJ,qBAA2BR,IAC/BS,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAAE,GACe,MAAhBA,EAAKC,OACJP,EAAQM,EAAKE,MAEbC,QAAQC,IAAIJ,QAQrB,IAGH,IAAMK,EAAYZ,EAAKa,OAEzB,OACQ,qBAAKC,UAAU,wBAAf,SACI,sBAAKA,UAAU,8CAAf,UACA,oBAAGC,KAAK,QAAQD,UAAU,6IAA1B,UACI,sBAAMA,UAAU,OAAhB,SACI,qBAAKE,IAAI,gCAAgCC,IAAI,OAEjD,2CAEJ,oBAAGF,KAAK,QAAQD,UAAU,6IAA1B,UACI,sBAAMA,UAAU,OAAhB,SACI,qBAAKE,IAAI,yCAAyCC,IAAI,OAE1D,yCAAW,uBAAMH,UAAU,aAAhB,cAA+BF,WAE9C,oBAAGG,KAAK,UAAUD,UAAU,8GAA5B,UACI,sBAAMA,UAAU,OAAhB,SACI,qBAAKE,IAAI,oCAAoCC,IAAI,OAErD,oD,mFCmBLC,E,MApEAC,EAAOC,IAAV,kzC,uDCSZC,IAAWC,IAAI,CAACC,MAgCDL,IA9Bf,WACI,OACI,cAAC,EAAD,CAAiBJ,UAAU,OAA3B,SACQ,cAAC,IAAD,UACI,sBAAKA,UAAU,iBAAf,UACI,qBAAKA,UAAU,kCAAf,SACI,qBAAKA,UAAU,8CAAf,SACA,qBAAKA,UAAU,kDAAf,SACI,sBAAKA,UAAU,qBAAf,UACI,oBAAIA,UAAU,qCAAd,4DACA,mBAAGA,UAAU,6BAAb,2CAIA,mBAAGC,KAAK,UAAR,SACxB,wBAAQD,UAAU,qEAAlB,+BAQY,qBAAKE,IAAI,oCAAoCC,IAAI,c,yIC6M1DO,UA1Of,WACC,IAAM5B,EAASC,aAAaC,QAAQ,gBADrB,EAEkBC,mBAAS,IAF3B,mBAEL0B,EAFK,KAEEC,EAFF,OAGa3B,oBAAS,GAHtB,mBAGR4B,EAHQ,KAGAC,EAHA,OAIS7B,mBAAS,IAJlB,gCAKWA,sBALX,mBAKR8B,EALQ,KAKDC,EALC,KAQZ5B,qBAAU,WAAM,4CAClB,4BAAA6B,EAAA,sEAEMC,EAAY,GAFlB,SAG4B7B,MAAM,GAAD,OAAIC,aAAJ,qBAA2BR,IAH5D,8BAGuEW,OAHvE,cAIOE,KAAKwB,QAAV,uCAAkB,WAAOC,GAAP,iBAAAH,EAAA,6DACXI,EAASD,EAAKE,WADH,SAESjC,MAAM,GAAD,OAAIC,aAAJ,2BAAiC+B,IAF/C,8BAE0D5B,OAF1D,OAGG,0BADdA,EAFW,QAGT8B,UACPL,EAAUM,KAAK,CACdC,GAAGL,EAAKK,GACRC,QAAQN,EAAKM,QACbC,SAASP,EAAKO,SACdZ,MAAMK,EAAKL,MACXa,MAAMR,EAAKQ,MACXC,YAAapC,EAAKC,OAAOoC,MACzBC,MAAOtC,EAAKC,OAAOqC,MACnBT,WAAWD,IAGbT,EAAa,GAAD,OAAKM,KAfA,2CAAlB,uDAJF,kDAyBEtB,QAAQC,IAAI,wBAAwB,EAAxB,IAzBd,2DADkB,uBAAC,WAAD,wBA8BlBmC,KAEM,CAACnB,IAKR,IAAMoB,EAAiB,SAACC,GACvBA,EAAEC,iBACF,IAAMC,EAASF,EAAEG,OAAOC,cAAcA,cAAcb,GAEpDpC,MAAM,GAAD,OAAIC,aAAJ,0BAAgC8C,IACnC7C,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAAE,GACa,MAAhBA,EAAKC,OACPE,QAAQC,IAAIJ,EAAK8B,SAEjBT,GAAWD,OAKR0B,EAAiB,SAACL,GACvBA,EAAEC,iBACF,IAAMC,EAASF,EAAEG,OAAOC,cAAcA,cAAcb,GAEpDpC,MAAM,GAAD,OAAIC,aAAJ,0BAAgC8C,IACnC7C,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAAE,GACa,MAAhBA,EAAKC,OACPE,QAAQC,IAAIJ,EAAK8B,SAEjBT,GAAWD,OAKR2B,EAAe,SAACN,GACrBA,EAAEC,iBACF,IAAMC,EAASF,EAAEG,OAAOC,cAAcA,cAAcb,GAEpDpC,MAAM,GAAD,OAAIC,aAAJ,wBAA8B8C,IACjC7C,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAAE,GACa,MAAhBA,EAAKC,OACPE,QAAQC,IAAIJ,EAAK8B,SAEjBT,GAAWD,OAqBd,OAhBAzB,qBAAU,WAERC,MAAM,GAAD,OAAIC,aAAJ,2BAAiCR,IACpCS,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAAE,GACa,MAAhBA,EAAKC,OACPE,QAAQC,IAAIJ,EAAK8B,SAEjBP,EAASvB,EAAKE,WAMf,CAACkB,IAGH,gCACC,cAAC,IAAD,IACA,gCACA,cAAC,IAAD,IACA,sBAAKb,UAAU,0CAAf,UACC,qBAAIA,UAAU,uCAAd,2BAAoEW,EAAMZ,QAAW,EACpF,iCAAOY,EAAMZ,OAAb,YACA,iCAAOY,EAAMZ,OAAb,WAFD,OAIA,sBAAKC,UAAU,gBAAf,UACC,qBAAKA,UAAU,+CAAf,SACC,qBAAKA,UAAU,4DAAf,SACC,qBAAKA,UAAU,gEAAf,SACC,wBAAOA,UAAU,sCAAjB,UACC,uBAAOA,UAAU,aAAjB,SACC,+BACC,oBAAIyC,MAAM,MAAMzC,UAAU,uEAA1B,kBAGA,oBAAIyC,MAAM,MAAMzC,UAAU,uEAA1B,sBAGA,oBAAIyC,MAAM,MAAMzC,UAAU,uEAA1B,wBAGA,oBAAIyC,MAAM,MAAMzC,UAAU,uEAA1B,4BAKF,uBAAOA,UAAU,oCAAjB,SACEW,EAAM+B,KAAI,SAACtB,GAAD,OACX,qBAAkBK,GAAIL,EAAKK,GAA3B,UACC,oBAAIzB,UAAU,8BAAd,SACC,sBAAKA,UAAU,oBAAf,UACC,qBAAKA,UAAU,0BAAf,SACC,qBAAKA,UAAU,yBAAyBE,IAAG,uDAAkDkB,EAAKS,aAAgB1B,IAAI,OAEvH,qBAAKH,UAAU,OAAf,SACC,qBAAKA,UAAU,2DAAf,SAA2EoB,EAAKW,eAInF,oBAAI/B,UAAU,8BAAd,SACC,sBAAMA,UAAU,wBAAhB,SAAyCoB,EAAKO,aAE/C,oBAAI3B,UAAU,8BAAd,SACC,sBAAMA,UAAU,4FAAhB,SACEoB,EAAKQ,UAGR,oBAAI5B,UAAU,oDAAd,SAAmEoB,EAAKL,QAExE,qBAAIf,UAAU,oDAAd,UACC,wBAAQ2C,QAASV,EAAgBjC,UAAU,uBAA3C,sBAGA,wBAAQ2C,QAASJ,EAAgBvC,UAAU,sBAA3C,yBAKD,oBAAIA,UAAU,oDAAd,SACC,wBAAQ2C,QAASH,EAAcxC,UAAU,kBAAzC,wBA/BOoB,EAAKK,kBA2CnB,qBAAKzB,UAAU,8FAAf,SACC,qBAAKA,UAAU,iBAAf,SACC,wBAAQA,UAAU,2FAAlB,4CASJ,sBAAKA,UAAU,yDAAf,UACC,oBAAIA,UAAU,uCAAd,qBAEA,qBAAKA,UAAU,0BAAf,SACC,qBAAKA,UAAU,uDAAf,SACC,gCACA,sBAAKA,UAAU,mDAAf,UACC,sBAAKA,UAAU,mEAAf,UACC,6CACA,uBAAMA,UAAU,YAAhB,oBAA+Be,QAEhC,sBAAKf,UAAU,MAAf,UACC,mBAAGA,UAAU,uCAAb,0BACA,oBAAGA,UAAU,6BAAb,6CAA0E,uBAA1E,uBAEA,mBAAGA,UAAU,2BAAb,mCAED,sBAAKA,UAAU,8DAAf,UACC,sBAAMA,UAAU,UAAhB,mBACA,sBAAKA,UAAU,2BAAf,UACC,uBAAMA,UAAU,oBAAhB,mBAAsCe,KACtC,sBAAMf,UAAU,wBAAhB,0EAKH,qBAAKA,UAAU,yCAAf,SACC,wBAAQA,UAAU,oFAAlB","file":"static/js/49.96600b28.chunk.js","sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport {SERVER_URL, CLIENT_URL} from '../../../config/server';\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\"\r\nimport \"./sliderbar.css\"\r\n\r\nfunction SliderBar(){\r\n\r\n    const userId = localStorage.getItem('loggedInUser');\r\n    const [cart, setCart] = useState([])\r\n\r\n    useEffect(() => {\r\n          const fetchcart =() =>{\r\n            fetch(`${SERVER_URL}/cart/all/${userId}`)\r\n            .then(res => res.json())\r\n            .then(json => {\r\n              if(json.status === 200){\r\n                  setCart(json.data);\r\n              }else{\r\n                  console.log(json);\r\n              }\r\n          });\r\n            \r\n          \r\n        }\r\n\r\n        fetchcart()\r\n      }, []);\r\n\r\n\r\n      const noOfItems = cart.length;\r\n\r\n    return(\r\n            <div className=\"sliderbardiv sm:mb-20\">\r\n                <div className=\"flex sliderbar shadow-sm -mt-9 field-bottom\">\r\n                <a href=\"/shop\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48 broder-0 border-r border-solid\">\r\n                    <span className=\"mb-2\">\r\n                        <img src=\"/assets/images/icons/shop.svg\" alt=\"\" />\r\n                    </span>\r\n                    <span>Shop</span>\r\n                </a>\r\n                <a href=\"/cart\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48 broder-0 border-r border-solid\">\r\n                    <span className=\"mb-2\">\r\n                        <img src=\"/assets/images/icons/shopping-cart.svg\" alt=\"\" />\r\n                    </span>\r\n                    <span>Cart <span className=\"cartNumber\"> {noOfItems}</span></span>\r\n                </a>\r\n                <a href=\"/donate\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48\">\r\n                    <span className=\"mb-2\">\r\n                        <img src=\"/assets/images/icons/donation.svg\" alt=\"\" />\r\n                    </span>\r\n                    <span>Donate</span>\r\n                </a>\r\n            </div>\r\n            </div>\r\n    )\r\n}\r\nexport default SliderBar;\r\n","import styled from \"styled-components\"\r\n\r\nconst Slider = styled.div`\r\n  position: relative;\r\n  height: 700px;\r\n\tborder: 1px solid #eee\r\n\r\n  background: #eee;\r\n  font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\r\n  font-size: 14px;\r\n  color: rgb(39, 38, 38);\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n\t.swiper-container {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.swiper-slide {\r\n\t\tfont-size: 18px;\r\n\t\tbackground: transparent;\r\n\r\n\t\t/* Center slide text vertically */\r\n\t\tdisplay: -webkit-box;\r\n\t\tdisplay: -ms-flexbox;\r\n\t\tdisplay: -webkit-flex;\r\n\t\tdisplay: flex;\r\n\t\t-webkit-box-pack: center;\r\n\t\t-ms-flex-pack: center;\r\n\t\t-webkit-justify-content: center;\r\n\t\tjustify-content: center;\r\n\t\t-webkit-box-align: center;\r\n\t\t-ms-flex-align: center;\r\n\t\t-webkit-align-items: center;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.swiper-slide img {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.swiper-slide .slider-wrapper {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.slider-text {\r\n\t\tposition: absolute;\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.field-bottom {\r\n\t\ttransform: translate(10%, 320px);\r\n\t}\r\n\r\n\t@media screen and (max-width: 640px) {\r\n\t\t.field-bottom {\r\n\t\t\ttransform: translate(0%, 0%);\r\n\t\t}\r\n\t}\r\n`\r\n\r\nexport default Slider","\r\nimport React from \"react\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport SliderContainer from \"./styles\"\r\n\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\"\r\nimport SliderBar from \"../../../../layout/components/SliderBar/SliderBar\"\r\nimport '../../../style.css'\r\nimport SwiperCore, { Pagination } from 'swiper/core';\r\n\r\nSwiperCore.use([Pagination]);\r\n\r\nfunction Slider() {\r\n    return (\r\n        <SliderContainer className=\"mt-6\">\r\n                <SwiperSlide>\r\n                    <div className=\"slider-wrapper\">\r\n                        <div className=\"slider-text border border-solid\">\r\n                            <div className=\"max-w-7xl mx-auto pb-16 pt-48 md:px-16 px-8\">\r\n                            <div className=\"grid md:grid-cols-2 grid-cols-1 gap-x-8 gap-y-8\">\r\n                                <div className=\"content banner-txt\">\r\n                                    <h1 className=\"text-4xl font-bold text-white mb-4\">What have you done for the Environment Lately?</h1>\r\n                                    <p className=\"font-light text-white mb-6\">\r\n                                        What you give goes a long way\r\n                                    </p>\r\n\r\n                                    <a href=\"/donate\">\r\n            <button className='bg-green hover:bg-green-800 text-white font-bold py-2 px-8 rounded'>\r\n              Donate\r\n            </button>\r\n            </a>\r\n            </div> \r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        <img src=\"/assets/images/banner/aboutus.png\" alt=\"\" />\r\n                    </div>\r\n                </SwiperSlide>\r\n        </SliderContainer>\r\n    )\r\n}\r\n\r\nexport default Slider\r\n","import React, { useState, useEffect } from 'react';\r\nimport {SERVER_URL, CLIENT_URL} from '../../config/server';\r\nimport HomeSlider from \"./components/slider/Slider\"\r\nimport \"../style.css\";\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport { tSImportEqualsDeclaration } from '@babel/types';\r\n\r\nfunction Cart() {\r\n\tconst userId = localStorage.getItem('loggedInUser');\r\n    const [items, setCartItems] = useState([])\r\n\tconst [change, setchange] = useState(true)\r\n\tconst [cart, setCart] = useState([])\r\n\tconst [total, settotal] = useState()\r\n\t\r\n\r\n    useEffect(() => {\r\n\t\tasync function fetchCart(){\r\n\t\t\ttry {\r\n\t\t\t\tlet cartItems = [];\r\n\t\t\t\tconst cart = await (await fetch(`${SERVER_URL}/cart/all/${userId}`)).json()\r\n\t\t\t\tcart.data.forEach(async (item)=>{\r\n\t\t\t\t\tconst prodId = item.product_id;\r\n\t\t\t\t\tconst json = await (await fetch(`${SERVER_URL}/product/single/${prodId}`)).json();\r\n\t\t\t\t\tif(json.message === 'operation successful'){\r\n\t\t\t\t\t\tcartItems.push({\r\n\t\t\t\t\t\t\tid:item.id,\r\n\t\t\t\t\t\t\tuser_id:item.user_id,\r\n\t\t\t\t\t\t\tquantity:item.quantity,\r\n\t\t\t\t\t\t\ttotal:item.total,\r\n\t\t\t\t\t\t\tprice:item.price,\r\n\t\t\t\t\t\t\tproduct_img: json.status.image,\r\n\t\t\t\t\t\t\tpname: json.status.pname,\r\n\t\t\t\t\t\t\tproduct_id:prodId\r\n\t\t\t\t\t\t})\r\n\r\n\t\t\t\t\tsetCartItems([...cartItems])\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t\r\n\t\t\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log('encountered an error!'+ error);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tfetchCart()\r\n\t\t\r\n      },[change]);\r\n\r\n\r\n\r\n\t\r\n\tconst handleIncrease = (e) =>{\r\n\t\te.preventDefault()\r\n\t\tconst itemId = e.target.parentElement.parentElement.id;\r\n\r\n\t\tfetch(`${SERVER_URL}/cart/increase/${itemId}`)\r\n\t\t\t.then(res => res.json())\r\n\t\t\t.then(json => {\r\n\t\t\tif(json.status !== 200){\r\n\t\t\t\tconsole.log(json.message);\r\n\t\t\t}else{\r\n\t\t\t\tsetchange(!change)\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tconst handleDecrease = (e) =>{\r\n\t\te.preventDefault()\r\n\t\tconst itemId = e.target.parentElement.parentElement.id;\r\n\r\n\t\tfetch(`${SERVER_URL}/cart/decrease/${itemId}`)\r\n\t\t\t.then(res => res.json())\r\n\t\t\t.then(json => {\r\n\t\t\tif(json.status !== 200){\r\n\t\t\t\tconsole.log(json.message);\r\n\t\t\t}else{\r\n\t\t\t\tsetchange(!change)\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tconst handleRemove = (e) =>{\r\n\t\te.preventDefault()\r\n\t\tconst itemId = e.target.parentElement.parentElement.id;\r\n\r\n\t\tfetch(`${SERVER_URL}/cart/remove/${itemId}`)\r\n\t\t\t.then(res => res.json())\r\n\t\t\t.then(json => {\r\n\t\t\tif(json.status !== 200){\r\n\t\t\t\tconsole.log(json.message);\r\n\t\t\t}else{\r\n\t\t\t\tsetchange(!change)\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tconst getTotal = () =>{\r\n\t\t\tfetch(`${SERVER_URL}/cart/sum-total/${userId}`)\r\n\t\t\t\t.then(res => res.json())\r\n\t\t\t\t.then(json => {\r\n\t\t\t\tif(json.status !== 200){\r\n\t\t\t\t\tconsole.log(json.message);\r\n\t\t\t\t}else{\r\n\t\t\t\t\tsettotal(json.data)\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tgetTotal()\r\n\t}, [change])\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<HomeSlider />\r\n\t\t\t<div>\r\n\t\t\t<SliderBar/>\r\n\t\t\t<div className=\"max-w-7xl mx-auto md:px-8 py-8 bg-white\">\r\n\t\t\t\t<h2 className=\"text-gray-800 font-bold text-xl mb-4\">Cart Summary ({items.length >=  2 ?\r\n\t\t\t\t <span>{items.length} Items</span>\r\n\t\t\t: <span>{items.length} Item</span>})</h2>\r\n\r\n\t\t\t\t<div className=\"flex flex-col\">\r\n\t\t\t\t\t<div className=\"-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8 mb-4\">\r\n\t\t\t\t\t\t<div className=\"py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8\">\r\n\t\t\t\t\t\t\t<div className=\"shadow overflow-hidden border-b border-gray-200 sm:rounded-lg\">\r\n\t\t\t\t\t\t\t\t<table className=\"min-w-full divide-y divide-gray-200\">\r\n\t\t\t\t\t\t\t\t\t<thead className=\"bg-gray-50\">\r\n\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\" className=\"px-6 py-3 text-left text-sm font-medium text-gray-800 tracking-wider\">\r\n\t\t\t\t\t\t\t\t\t\t\t\tItem\r\n\t\t\t\t\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\" className=\"px-6 py-3 text-left text-sm font-medium text-gray-800 tracking-wider\">\r\n\t\t\t\t\t\t\t\t\t\t\t\tQuantity\r\n\t\t\t\t\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\" className=\"px-6 py-3 text-left text-sm font-medium text-gray-800 tracking-wider\">\r\n\t\t\t\t\t\t\t\t\t\t\t\tUnit Price\r\n\t\t\t\t\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\" className=\"px-6 py-3 text-left text-sm font-medium text-gray-800 tracking-wider\">\r\n\t\t\t\t\t\t\t\t\t\t\t\tSub Total\r\n\t\t\t\t\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t</thead>\r\n\t\t\t\t\t\t\t\t\t<tbody className=\"bg-white divide-y divide-gray-200\">\r\n\t\t\t\t\t\t\t\t\t\t{items.map((item) => (\r\n\t\t\t\t\t\t\t\t\t\t<tr key={item.id} id={item.id}>\r\n\t\t\t\t\t\t\t\t\t\t\t<td className=\"px-6 py-4 whitespace-nowrap\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex-shrink-0 h-10 w-10\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img className=\"h-10 w-10 rounded-full\" src={`https://admin.ncfnigeria.org/images/products/${item.product_img}`}  alt=\"\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"ml-4\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"text-sm text-gray-500 w-64 whitespace-normal break-words\">{item.pname}</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t\t\t<td className=\"px-6 py-4 whitespace-nowrap\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-sm text-gray-900\">{item.quantity}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t\t\t<td className=\"px-6 py-4 whitespace-nowrap\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.price}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t\t\t<td className=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">{item.total}</td>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<td className=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<button onClick={handleIncrease} className=\"btn mr-1 btn-primary\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tIncrease\r\n\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<button onClick={handleDecrease} className=\"btn ml-1 btn-danger\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tDecrease\r\n\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<td className=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<button onClick={handleRemove} className=\"btn btn-warning\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tRemove\r\n\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t\t\t\t</table>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"bg-white flex justify-end shadow overflow-hidden border-b border-gray-200 sm:rounded-lg p-4\">\r\n\t\t\t\t\t\t<div className=\"flex space-x-4\">\r\n\t\t\t\t\t\t\t<button className=\"bg-gray-50 border hover:bg-gray-100 text-sm text-gray-600 font-bold py-2 px-4 rounded-sm\">\r\n\t\t\t\t\t\t\t\tContinue Shopping\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"max-w-7xl mx-auto md:px-8 px-4 py-8 bg-white z-index-3\">\r\n\t\t\t\t<h2 className=\"text-gray-800 font-bold text-xl mb-4\">Details</h2>\r\n\r\n\t\t\t\t<div className=\"grid grid-cols-12 gap-4\">\r\n\t\t\t\t\t<div className=\"md:col-span-9 col-span-12 border flex justify-center\">\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<div className=\"max-w-7xl rounded overflow-hidden shadow-md mt-8\">\r\n\t\t\t\t\t\t\t<div className=\"flex justify-between font-medium text-sm mb-2 border-b py-2 px-4\">\r\n\t\t\t\t\t\t\t\t<span>Sub Total</span>\r\n\t\t\t\t\t\t\t\t<span className=\"font-bold\">₦ {total}</span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"p-4\">\r\n\t\t\t\t\t\t\t\t<p className=\"text-gray-600 text-sm font-bold mb-2\">Shipping Fee</p>\r\n\t\t\t\t\t\t\t\t<p className=\"text-gray-700 text-xs mb-4\">Shipping options will be updated<br/> during checkout.</p>\r\n\r\n\t\t\t\t\t\t\t\t<p className=\"text-green-light text-xs\">Calculate Shipping</p>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"flex justify-between font-medium text-sm border-t py-2 px-4\">\r\n\t\t\t\t\t\t\t\t<span className=\"text-sm\">Total</span>\r\n\t\t\t\t\t\t\t\t<div className=\"flex flex-col text-right\">\r\n\t\t\t\t\t\t\t\t\t<span className=\"text-sm font-bold\">₦{total}</span>\r\n\t\t\t\t\t\t\t\t\t<span className=\"text-xs text-gray-600\">(includes ₦6,250.00 Tax estimated for Nigeria)</span>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div className=\"max-w-lg flex justify-center mb-8 mt-8\">\r\n\t\t\t\t\t\t\t<button className=\"bg-green  hover:bg-green-800 text-sm text-gray-100 font-bold py-2 px-4 rounded-sm\">\r\n\t\t\t\t\t\t\t\tProceed to checkout\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t</div>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t)\r\n}\r\n\r\nexport default Cart\r\n"],"sourceRoot":""}

Zerion Mini Shell 1.0