%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/17.752cb57a.chunk.js.map

{"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/our-work/banners/styles.js","app/main/our-work/banners/ClimateSlider.js","app/main/our-work/ClimateChange.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","ClimateSlider","props","images","setImages","imageData","page","ClimateChange"],"mappings":"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","file":"static/js/17.752cb57a.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  border: 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  .swiper-container {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .swiper-slide {\r\n    font-size: 18px;\r\n    background: transparent;\r\n\r\n    /* Center slide text vertically */\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: -webkit-flex;\r\n    display: flex;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    -webkit-justify-content: center;\r\n    justify-content: center;\r\n    -webkit-box-align: center;\r\n    -ms-flex-align: center;\r\n    -webkit-align-items: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .swiper-slide img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .swiper-slide .slider-wrapper {\r\n    display: block;\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .slider-text {\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n\r\n  .field-bottom {\r\n    transform: translate(10%, 320px);\r\n  }\r\n\r\n  @media screen and (max-width: 640px) {\r\n    .field-bottom {\r\n      transform: translate(0%, 0%);\r\n    }\r\n  }\r\n`;\r\n\r\nexport default Slider;\r\n","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 ClimateSlider(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  \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 ClimateSlider;\r\n","import React from 'react';\r\nimport { SocialTabs } from '@nfc';\r\nimport ClimateSlider from './banners/ClimateSlider';\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport './ourwork.css'\r\nimport '../style.css'\r\n\r\nfunction ClimateChange() {\r\n  const page = 'climate_change'\r\n  return (\r\n    <div>\r\n      <ClimateSlider page={page}/>\r\n\r\n      <div className='w-full bg-gray-100 py-8 relative'>\r\n        <SliderBar/>\r\n        <img\r\n        src='/assets/images/bg/white-bg.png'\r\n        alt=''\r\n        className='home-naturediv-top-papertear mb-25em -top-25em'\r\n      />\r\n        <div className='max-w-7xl mx-auto pt-16 md:px-16 px-8'>\r\n          <div className='text-left mb-6'>\r\n            <h1 className='text-2xl font-bold tracking-tight text-green mb-6 uppercase text-mbl-1em'>\r\n              Climate Advocacy\r\n            </h1>\r\n          </div>\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-8 col-span-12 md:pt-8'>\r\n              <p className='text-base text-mbl  txt-justify'>\r\n                NDC and Climate Policy Technical Support- NCF provide support\r\n                for the national government on the review and implementation of\r\n                the Nationally Determined Contributions (NDC) through\r\n                strengthening climate policies like NAP and promoting its\r\n                adoption by relevant stakeholders. In recent years NCF advocated\r\n                for integration of nature-based solution into national climate\r\n                action plans through nation-wide youth-driven march, rally,\r\n                dialogues, high-level summits and workshops\r\n              </p>\r\n            </div>\r\n            <div className='md:col-span-4 col-span-12'>\r\n              <img src='/assets/images/groups/climate-1.png' alt='' />\r\n            </div>\r\n          </div>\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-8 col-span-12 md:pt-8'>\r\n              <p className='text-base mb-4 text-mbl  txt-justify'>\r\n                Government Support at Climate Change Conference of Parties -NCF\r\n                as part of the national delegation to the UNFCCC Conference of\r\n                Party support the government in climate negotiations through its\r\n                participation while garnering more support through its network\r\n                of partners for delivering national and regional engagement\r\n              </p>\r\n              <p className='italic text-mbl  txt-justify'>\r\n                NCF DG Dr. Muhtari Aminu-Kano, Key Staff of Department of\r\n                Climate Change, and other national delegation after a Side Event\r\n                at the UNFCCC COP 25 in Madrid, Spain.\r\n              </p>\r\n            </div>\r\n            <div className='md:col-span-4 col-span-12'>\r\n              <img src='/assets/images/groups/climate-2.png' alt='' />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        \r\n      <img className=\"papertear2 mb-5em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n      </div>\r\n\r\n      <div className='w-full bg-white z-index-3'>\r\n        <div className='max-w-7xl mx-auto pt-12 pb-4 md:px-16 px-8'>\r\n          <div className='text-left mt-5em mobTop5em mb-6'>\r\n            <h1 className='font-bold text-2xl tracking-tight text-green uppercase text-mbl-1em'>\r\n            Climate Change Youth Action Manual\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'>\r\n            <div className='mt-2 col-span-8'>\r\n              <p className='text-base font-base text-mbl   mt-2em  txt-justify'>\r\n                NCF developed the first government-driven Climate Change Youth\r\n                Action Manual targeting youth between ages 5-29yrs as an\r\n                education tool Climate Change Youth Action Manual is an\r\n                educational toolkit developed in Nigeria targeting youth and\r\n                young adult between 5-30yrs aimed at empowering them to\r\n                contribute climate actions to the delivery of the country’s\r\n                Nationally Determined Contribution (climate plan). First of its\r\n                kind government-led initiative for youth in Nigeria, the manual\r\n                is engaging an estimated tens of thousands youth in rural,\r\n                semi-urban, to urban areas to champion actions in eco-mobility\r\n                and sustainable transportation, climate education, afforestation\r\n                and reforestation, waste management, climate smart agriculture,\r\n                renewable energy, Blue economy and Ocean conservation etc. In\r\n                addition to this, the manual suggests practical step-by-step\r\n                activities that will deliver the climate goals across these\r\n                areas. Scoping exercise inform of dialogue was carried out\r\n                across the 6 geopolitical zone involving 21 institutions,\r\n                showcasing 12 youth-led initiatives, 6 partners and over 1000\r\n                youth\r\n              </p>\r\n            </div>\r\n            <div className='col-span-4'>\r\n              <div className='grid md:grid-cols-2 grid-cols-1 gap-2'>\r\n                <div className='text-center book'>\r\n                  <img src='/assets/images/products/book-1.png' alt='' />\r\n                  <button className='bg-green text-white py-1 px-3 '>\r\n                    Download here\r\n                  </button>\r\n                </div>\r\n                <div className='text-center book'>\r\n                  <img src='/assets/images/products/book-2.png' alt='' />\r\n                  <button className='bg-green text-white py-1 px-3'>\r\n                    Download here\r\n                  </button>\r\n                </div>\r\n                <div className='text-center book'>\r\n                  <img src='/assets/images/products/book-2.png' alt='' />\r\n                  <button className='bg-green text-white py-1 px-3'>\r\n                    Download here\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className='w-full bg-white'>\r\n        <div className='max-w-7xl mx-auto py-12 md:px-16 px-8'>\r\n          <div className='text-left mb-6'>\r\n            <h1 className='font-bold text-2xl tracking-tight text-left text-green uppercase text-mbl-1em'>\r\n              Climate Action Project\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='mt-6 md:col-span-8 col-span-12'>\r\n              <p className='text-base mb-4 text-mbl  mt-2em  txt-justify'>\r\n                NCF pilots and promotes nature-based solution site management\r\n                model with forest and wetlands conservation area across Nigeria.\r\n                This conservation sites combines natural regeneration and\r\n                restoration effort to improve mitigation and adaptive capacities\r\n                of fragile ecosystems, vulnerable communities, while protecting\r\n                species of conservation concern to reduce the impact of climate\r\n                change. NCF climate change programme continuously assesses and\r\n                quantifies the worth of carbon in these natural sink in\r\n                accordance with the UNFCCC greenhouse gas emission measurement\r\n                guidelines.\r\n              </p>\r\n\r\n              <p className='text-base italic text-mbl  txt-justify'>\r\n                Finima Nature Park, Bonny Island sinks 247,158.78MgTCO2e over\r\n                20yrs alongside mangrove reforestation effort.\r\n              </p>\r\n            </div>\r\n            <div className='md:col-span-4 col-span-12'>\r\n              <img src='/assets/images/groups/climate-action.png' alt='' />\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 ClimateChange;\r\n"],"sourceRoot":""}

Zerion Mini Shell 1.0