%PDF-
%PDF-
Mini Shell
Mini Shell
{"version":3,"sources":["app/layout/components/SliderBar/SliderBar.js","../node_modules/swiper/esm/react/utils.js","../node_modules/swiper/esm/react/use-isomorphic-layout-effect.js","../node_modules/swiper/esm/react/swiper-slide.js","app/main/get-involved/components/slider/styles.js","app/main/get-involved/components/slider/Slider.js","app/main/get-involved/Volunteer.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","isObject","o","constructor","Object","prototype","toString","call","slice","extend","target","noExtend","keys","filter","key","indexOf","forEach","__swiper__","needsNavigation","params","navigation","nextEl","prevEl","needsPagination","pagination","el","needsScrollbar","scrollbar","uniqueClasses","classNames","classes","split","map","c","trim","unique","push","join","useIsomorphicLayoutEffect","callback","deps","window","useLayoutEffect","_excluded","_extends","assign","i","arguments","source","hasOwnProperty","apply","this","SwiperSlide","forwardRef","_temp","externalRef","slideData","_ref","_ref$tag","tag","Tag","children","_ref$className","swiper","zoom","virtualIndex","rest","excluded","sourceKeys","_objectWithoutPropertiesLoose","slideElRef","useRef","_useState","slideClasses","setSlideClasses","updateClasses","current","destroyed","on","off","getSlideClasses","isActive","isVisible","isDuplicate","isPrev","isNext","renderChildren","React","createElement","ref","undefined","displayName","Slider","styled","div","props","images","setImages","imageData","page","Volunteer"],"mappings":"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","file":"static/js/16.2924d0c5.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","function isObject(o) {\n return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object';\n}\n\nfunction extend(target, src) {\n var noExtend = ['__proto__', 'constructor', 'prototype'];\n Object.keys(src).filter(function (key) {\n return noExtend.indexOf(key) < 0;\n }).forEach(function (key) {\n if (typeof target[key] === 'undefined') target[key] = src[key];else if (isObject(src[key]) && isObject(target[key]) && Object.keys(src[key]).length > 0) {\n if (src[key].__swiper__) target[key] = src[key];else extend(target[key], src[key]);\n } else {\n target[key] = src[key];\n }\n });\n}\n\nfunction needsNavigation(params) {\n if (params === void 0) {\n params = {};\n }\n\n return params.navigation && typeof params.navigation.nextEl === 'undefined' && typeof params.navigation.prevEl === 'undefined';\n}\n\nfunction needsPagination(params) {\n if (params === void 0) {\n params = {};\n }\n\n return params.pagination && typeof params.pagination.el === 'undefined';\n}\n\nfunction needsScrollbar(params) {\n if (params === void 0) {\n params = {};\n }\n\n return params.scrollbar && typeof params.scrollbar.el === 'undefined';\n}\n\nfunction uniqueClasses(classNames) {\n if (classNames === void 0) {\n classNames = '';\n }\n\n var classes = classNames.split(' ').map(function (c) {\n return c.trim();\n }).filter(function (c) {\n return !!c;\n });\n var unique = [];\n classes.forEach(function (c) {\n if (unique.indexOf(c) < 0) unique.push(c);\n });\n return unique.join(' ');\n}\n\nexport { isObject, extend, needsNavigation, needsPagination, needsScrollbar, uniqueClasses };","import { useEffect, useLayoutEffect } from 'react';\n\nfunction useIsomorphicLayoutEffect(callback, deps) {\n // eslint-disable-next-line\n if (typeof window === 'undefined') return useEffect(callback, deps);\n return useLayoutEffect(callback, deps);\n}\n\nexport { useIsomorphicLayoutEffect };","var _excluded = [\"tag\", \"children\", \"className\", \"swiper\", \"zoom\", \"virtualIndex\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React, { useRef, useState, forwardRef } from 'react';\nimport { uniqueClasses } from './utils';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\nvar SwiperSlide = /*#__PURE__*/forwardRef(function (_temp, externalRef) {\n var _ref = _temp === void 0 ? {} : _temp,\n _ref$tag = _ref.tag,\n Tag = _ref$tag === void 0 ? 'div' : _ref$tag,\n children = _ref.children,\n _ref$className = _ref.className,\n className = _ref$className === void 0 ? '' : _ref$className,\n swiper = _ref.swiper,\n zoom = _ref.zoom,\n virtualIndex = _ref.virtualIndex,\n rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n var slideElRef = useRef(null);\n\n var _useState = useState('swiper-slide'),\n slideClasses = _useState[0],\n setSlideClasses = _useState[1];\n\n function updateClasses(swiper, el, classNames) {\n if (el === slideElRef.current) {\n setSlideClasses(classNames);\n }\n }\n\n useIsomorphicLayoutEffect(function () {\n if (externalRef) {\n externalRef.current = slideElRef.current;\n }\n\n if (!slideElRef.current || !swiper) {\n return;\n }\n\n if (swiper.destroyed) {\n if (slideClasses !== 'swiper-slide') {\n setSlideClasses('swiper-slide');\n }\n\n return;\n }\n\n swiper.on('_slideClass', updateClasses); // eslint-disable-next-line\n\n return function () {\n if (!swiper) return;\n swiper.off('_slideClass', updateClasses);\n };\n });\n useIsomorphicLayoutEffect(function () {\n if (swiper && slideElRef.current) {\n setSlideClasses(swiper.getSlideClasses(slideElRef.current));\n }\n }, [swiper]);\n var slideData;\n\n if (typeof children === 'function') {\n slideData = {\n isActive: slideClasses.indexOf('swiper-slide-active') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-active') >= 0,\n isVisible: slideClasses.indexOf('swiper-slide-visible') >= 0,\n isDuplicate: slideClasses.indexOf('swiper-slide-duplicate') >= 0,\n isPrev: slideClasses.indexOf('swiper-slide-prev') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-prev') >= 0,\n isNext: slideClasses.indexOf('swiper-slide-next') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-next') >= 0\n };\n }\n\n var renderChildren = function renderChildren() {\n return typeof children === 'function' ? children(slideData) : children;\n };\n\n return /*#__PURE__*/React.createElement(Tag, _extends({\n ref: slideElRef,\n className: uniqueClasses(\"\" + slideClasses + (className ? \" \" + className : '')),\n \"data-swiper-slide-index\": virtualIndex\n }, rest), zoom ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"swiper-zoom-container\",\n \"data-swiper-zoom\": typeof zoom === 'number' ? zoom : undefined\n }, renderChildren()) : renderChildren());\n});\nSwiperSlide.displayName = 'SwiperSlide';\nexport { SwiperSlide };","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%, 306px);\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","import React, { useState, useEffect } from 'react';\r\nimport {SERVER_URL} from '../../../../config/server';\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport SliderContainer from \"./styles\"\r\nimport '../../../style.css'\r\n\r\nfunction Slider(props) {\r\n const [images, setImages] = useState('');\r\n\r\n useEffect(() => {\r\n const fetchImages =() =>{\r\n fetch(`${SERVER_URL}/image/page-banners`)\r\n .then(res => res.json())\r\n .then(json => {\r\n if(json.status === 200){\r\n const imageData = json.data;\r\n setImages(imageData);\r\n }else{\r\n console.log(\"Oops couldn't fetch data\");\r\n }\r\n });\r\n \r\n }\r\n\r\n fetchImages();\r\n }, []);\r\n\r\n const page = props.page;\r\n return (\r\n <SliderContainer className=\"mt-6 z-index-3\">\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'>\r\n What have you done for the Environment Lately?\r\n </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={`https://admin.ncfnigeria.org/images/banners/${images[page]}`} alt=\"\" />\r\n </div>\r\n </SwiperSlide>\r\n \r\n </SliderContainer>\r\n );\r\n}\r\n\r\nexport default Slider;\r\n","import React from 'react';\r\nimport { SocialTabs } from '@nfc';\r\nimport HomeSlider from './components/slider/Slider';\r\nimport \"./style/Volunteer.css\";\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport '../style.css'\r\n\r\nfunction Volunteer() {\r\n const page = 'volunteer'\r\n return (\r\n <div>\r\n <HomeSlider page={page}/>\r\n <div className='w-full bg-gray-100 py-8'>\r\n <SliderBar/>\r\n <div className='max-w-5xl mx-auto md:px-16 px-8'>\r\n <div className='grid md:grid-cols-1 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n <div className='block'>\r\n <h1 className='text-4xl font-bold text-mbl-1em mb-6'>Volunteer</h1>\r\n <p className='text-base text-mbl mb-4'>\r\n Volunteering can help you learn new skills, advance your career, make friends, \r\n and even stay healthy. Learn how to find the right fit.\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <img className=\"forest\" src='/assets/images/getinvolved/forest.svg' alt='' />\r\n <img className=\"white\" src='/assets/images/getinvolved/white.svg' alt='' />\r\n </div>\r\n\r\n <div className='imagecover w-full bg-white py-16'>\r\n <div className='max-w-7xl mx-auto md:px-16 px-8'>\r\n <div className='text-right mb-6'>\r\n <h1 className='font-bold text-2xl text-mbl-1em '>\r\n BECOME A VOLUNTEER\r\n </h1>\r\n <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n </div>\r\n\r\n <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n <div className='md:col-span-4 col-span-12'>\r\n <img src='/assets/images/groups/wetland-day.png' alt='' />\r\n </div>\r\n <div className='mt-6 md:col-span-8 col-span-12'>\r\n <p className='font-base text-mbl mb-4 txt-justify'>\r\n New projects, expansion, researches, and events occasionally present opportunities for \r\n individuals to get involved with NCF. Students and other individuals can take advantage of this \r\n prospect to volunteer. Volunteers will enjoy rewarding experience in the field of environmental \r\n education, conservation and advocacy. More importantly, volunteers are able to showcase \r\n their skills and knowledge for the development of the Foundation. Become a volunteer.\r\n </p>\r\n <p className='font-base text-mbl mb-4'>\r\n For more information on how to get involved please send an e-mail with “Volunteer” as the \r\n subject, stating your area(s) of interest to fundraising@ncfnigeria.org\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n \r\n\r\n </div>\r\n );\r\n}\r\n\r\nexport default Volunteer;\r\n"],"sourceRoot":""}
Zerion Mini Shell 1.0