%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/styles.js","app/main/get-involved/BirdClub.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","BirdBg","MemberBanner","FutureBanner","BirdClub","size","id","placeholder","autoComplete","value","files","file","name"],"mappings":"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","file":"static/js/18.73aa9da8.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 styled from 'styled-components';\r\n\r\nconst BirdBg = styled.div`\r\n background-image: url(assets/images/animals/bird-eagle.png),\r\n url(assets/images/animals/yellow-bird.png);\r\n background-position: left top, right bottom;\r\n background-size: 300px;\r\n background-repeat: no-repeat;\r\n width: 100%;\r\n`;\r\nconst MemberBanner = styled.div`\r\n background-image: url(assets/images/groups/membership.png);\r\n background-position: center;\r\n background-size: 100%;\r\n background-repeat: no-repeat;\r\n width: 100%;\r\n`;\r\nconst FutureBanner = styled.div`\r\n background-image: url(assets/images/groups/future.png);\r\n background-position: center;\r\n background-size: 100%;\r\n background-repeat: no-repeat;\r\n width: 100%;\r\n`;\r\n\r\nconst ForestBg = styled.div`\r\n background-image: url(assets/images/nature/forest-png.png);\r\n background-repeat: no-repeat;\r\n background-position: bottom right;\r\n`;\r\n\r\nexport { BirdBg, MemberBanner, FutureBanner, ForestBg };\r\n","import React from 'react';\r\nimport HomeSlider from './components/slider/Slider';\r\nimport { SocialTabs } from '@nfc';\r\nimport { HiOutlineChevronDown } from 'react-icons/hi';\r\nimport { ImLocation } from 'react-icons/im';\r\nimport data from './data/mock.json';\r\nimport { BirdBg, MemberBanner, FutureBanner } from './styles';\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport '../style.css'\r\n\r\nfunction BirdClub() {\r\n const page = 'bird_club' \r\n return (\r\n <div>\r\n <HomeSlider page={page}/>\r\n\r\n <BirdBg className='w-full bg-gray-50 py-8'>\r\n <SliderBar/>\r\n <div className='max-w-5xl mx-auto md:px-16 px-8'>\r\n <div className='mb-8'>\r\n <h1 className='font-bold text-2xl text-green mb-4 uppercase'>\r\n Lekki Bird Club\r\n </h1>\r\n </div>\r\n <div className='mb-4'>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n The first volunteer-based bird conservation group; Lekki Bird Club\r\n (LBC) was established in March 2009 to raise the stake of bird\r\n conservation in Nigeria. LBC is the first in the series of bird\r\n club that NCF plans to set up in major urban settlements across\r\n Nigeria and this stems from the overlooked unique bird\r\n associations an assemblages in the cities.\r\n </p>\r\n </div>\r\n </div>\r\n </BirdBg>\r\n\r\n <div className='w-full bg-white pt-8 pb-8'>\r\n <div className='max-w-7xl mx-auto md:px-16 px-8'>\r\n <div className='mb-8'>\r\n <h1 className='font-bold text-2xl text-gray-800 mb-4'>\r\n Activities\r\n </h1>\r\n </div>\r\n <div className='mb-4'>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n Some of the activities of LBC include bird-watching trips,\r\n talks/lectures as well as publications in form of newsletters and\r\n trip reports to reach a wider audience. Since inception in March\r\n 2009, LBC has on numerous occasions visited key birding areas\r\n within Lagos and recorded a few globally significance species like\r\n Hooded Vulture (Necrosyrtesmonachus) and Whimbrel\r\n (Numeniusphaeopus). LBC also disseminates updates on her\r\n activities via newsletters and trip reports. Some of these have\r\n gone beyond the borders of Nigeria, thus reaching a wider audience\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className='w-full bg-white pt-4 pb-8'>\r\n <div className='max-w-7xl mx-auto md:px-16 px-8'>\r\n <div className='mb-8'>\r\n <h1 className='font-bold text-xl text-gray-800 mb-4'>Membership</h1>\r\n </div>\r\n <div className='mb-4'>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n Two categories of membership currently exist for LBC; student\r\n membership and individual membership. They cost N1,000 and N2,000\r\n respectively. Eligibility for LBC membership is simply passion for\r\n nature with or without bird identification skills. However,\r\n members are expected to participate in birding trips which in due\r\n time will enable them identify birds off-hand even without help\r\n from skilled members or field guides.\r\n </p>\r\n <p className='text-base text-mbl txt-justify'>\r\n Members of the club can enjoy subsidised access to the Lekki\r\n Conservation Centre (LCC) nature reserve and the NCF library. They\r\n will also be invited to participate in birding trips among and\r\n other LBC/NCF programmes.\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <MemberBanner className='w-full bg-gray-100 h-96'>\r\n <div className='max-w-7xl mx-auto pt-16 md:px-16 px-8'></div>\r\n </MemberBanner>\r\n\r\n <div className='w-full bg-white pt-12 pb-8'>\r\n <div className='max-w-7xl mx-auto md:px-16 px-8'>\r\n <div className='mb-8'>\r\n <h1 className='font-bold text-xl text-gray-800 mb-4'>Future</h1>\r\n </div>\r\n <div className='mb-4'>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n Being the first volunteer-based bird conservation group created by\r\n NCF, we are looking at replicating similar volunteer based bird\r\n clubs around urban settlements within the country. In the near\r\n future, LBC hopes to introduce training and capacity building\r\n opportunities for aspiring birders and also engage in coordinated\r\n field projects.\r\n </p>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n For membership registration and further information on the Lekki\r\n Bird Club, please contact;\r\n <span className='text-green'>lbc@ncfnigeria.org</span>\r\n </p>\r\n\r\n <h3 className='font-bold text-base text-mbl txt-justify text-gray-800'>\r\n Some Key Birding Sites in Lagos State\r\n </h3>\r\n\r\n <ul className='w-full rounded-lg mt-2 mb-3 -ml-3 text-mbl text-gray-800'>\r\n <li className='flex items-start p-1 pl-3'>\r\n <ImLocation\r\n size={20}\r\n className='text-green mr-2 mt-0.5 flex-none transform -rotate-90'\r\n />\r\n <span>\r\n Preserving the full range of Nigeria’s biodiversity which\r\n include species, ecosystems and genetic biodiversity.\r\n </span>\r\n </li>\r\n <li className='flex items-start p-1 pl-3'>\r\n <ImLocation\r\n size={20}\r\n className='text-green mr-2 mt-0.5 flex-none transform -rotate-90'\r\n />\r\n <span>\r\n Promoting sustainable use of natural resources for the benefit\r\n of the present and future generations; and\r\n </span>\r\n </li>\r\n <li className='flex items-start p-1 pl-3'>\r\n <ImLocation\r\n size={20}\r\n className='text-green mr-2 mt-0.5 flex-none transform -rotate-90'\r\n />\r\n <span>\r\n Advocating actions that minimize pollution and wasteful\r\n utilization of renewable resources.\r\n </span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <FutureBanner className='w-full bg-gray-100 h-96'>\r\n <div className='max-w-7xl mx-auto pt-16 md:px-16 px-8'></div>\r\n </FutureBanner>\r\n\r\n <div className='w-full bg-gray-50 pt-16 pb-8'>\r\n <div className='max-w-7xl mx-auto md:px-16 px-8'>\r\n <div className='flex items-center justify-between mb-2'>\r\n <h1 className='font-bold text-2xl text-green uppercase'>\r\n Lekki Bird Club - Report\r\n </h1>\r\n <div className='flex items-center border p-1'>\r\n <span className='text-gray-600 mr-3'>Year</span>\r\n <div className='w-full block relative'>\r\n <select\r\n id='year'\r\n placeholder='year'\r\n autoComplete='year'\r\n className='block appearance-none w-full py-2 px-2 pr-8 border border-gray-300 bg-white leading-tight rounded-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 sm:text-sm'\r\n >\r\n <option value='2019'>2019</option>\r\n <option value='2021'>2021</option>\r\n </select>\r\n <div className='pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700'>\r\n <HiOutlineChevronDown />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <hr className='h-1 mb-6 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n\r\n <div className='mb-4'>\r\n <div className='rounded-md border md:w-2/6 w-5/6'>\r\n <div className='bg-gray-200 p-3'>\r\n <h3 className='text-sm font-bold'>\r\n LEKKI BIRD CLUB - REPORT - 2009\r\n </h3>\r\n </div>\r\n <ul className='text-sm'>\r\n <li className='flex items-center justify-between p-3'>\r\n <span className='text-gray-800 font-bold'>File Name</span>\r\n <span className='text-gray-800 font-bold'>Size</span>\r\n </li>\r\n {data.files.map((file, i) => (\r\n <li\r\n key={i}\r\n className='flex items-center justify-between p-3 bg-gray-100'\r\n >\r\n <div className='flex items-center'>\r\n <img\r\n src='/assets/images/icons/pdf.svg'\r\n alt=''\r\n className='mr-3'\r\n />\r\n <span>{file.name}</span>\r\n </div>\r\n <span className='whitespace-nowrap'>{file.size}</span>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n \r\n </div>\r\n );\r\n}\r\n\r\nexport default BirdClub;\r\n"],"sourceRoot":""}
Zerion Mini Shell 1.0