%PDF-
%PDF-
Mini Shell
Mini Shell
{"version":3,"sources":["app/layout/components/SliderBar/SliderBar.js","app/main/donate/index.js","app/main/donate/mastercard.png"],"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","TabPane","Tabs","TextArea","Input","Blog","modal","setModal","toggle","name","labelCol","span","wrapperCol","initialValues","remember","autoComplete","Row","Col","lg","md","Group","Button","value","placeholder","size","rows","Item","htmlType","onClick","Modal","isOpen","ModalHeader","defaultActiveKey","type","centered","tab","disabled"],"mappings":"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","file":"static/js/46.64e17cfa.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 React, { useState } from 'react';\r\nimport _ from 'lodash';\r\nimport \"../style.css\";\r\nimport \"./donate.css\";\r\nimport { Row, Col,Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { Form, Input, Button, Radio, Tabs } from 'antd';\r\nimport mastercard from './mastercard.png';\r\nimport transfer from './transfer.png';\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nconst { TabPane } = Tabs;\r\nconst { TextArea } = Input;\r\n\r\n\r\nfunction Blog() {\r\n\r\n const [modal, setModal] = useState(false);\r\n\r\n const toggle = () => setModal(!modal);\r\n\r\n return (\r\n <div className=\"donatepage relative z-index-3\">\r\n <div className='w-full donatecontainer mb-6 py-32'>\r\n <div className=\"bg-white mt-6 mb-6 p-5 rounded donate\"> \r\n <h4>Support NCF</h4>\r\n<hr/>\r\n <Form\r\n name=\"basic\"\r\n labelCol={{ span: 8 }}\r\n wrapperCol={{ span: 16 }}\r\n initialValues={{ remember: true }}\r\n autoComplete=\"off\"\r\n className='w-full donateform mt-5'\r\n >\r\n \r\n <Row className=\"mb-5\">\r\n <Col lg=\"6\" md=\"12\">\r\n <Row>\r\n <Col className=\"text-center font-bold text-lg pb-2\"><div>Choose an Amount</div></Col>\r\n </Row>\r\n <Radio.Group className=\"rad-group\"> \r\n <Radio.Button className=\"radBtn\" value=\"500\">N500</Radio.Button>\r\n <Radio.Button className=\"radBtn\" value=\"1500\">N1500</Radio.Button>\r\n <Radio.Button className=\"radBtn\" value=\"3500\">N3500</Radio.Button>\r\n <Radio.Button className=\"radBtn\" value=\"5800\">N5900</Radio.Button>\r\n </Radio.Group>\r\n </Col>\r\n <Col lg=\"2\" className=\"text-lg text-center\">OR</Col>\r\n <Col lg=\"4\">\r\n <Row>\r\n <Col className=\"text-gray-300 font-bold text-lg text-center pb-2\">Enter your own</Col>\r\n </Row>\r\n <Input placeholder=\"N100,000,000\" />\r\n </Col>\r\n </Row>\r\n \r\n <Input size=\"large\" className=\"w-full mb-5\" placeholder=\"Full Name\" />\r\n\r\n <Row className=\"mb-5\">\r\n <Col md=\"6\">\r\n <Input size=\"large\" className=\"w-full email-input\" placeholder=\"Email Address\" />\r\n </Col>\r\n\r\n <Col md=\"6\">\r\n <Input size=\"large\" className=\"w-full\" placeholder=\"Phone Number\" />\r\n </Col>\r\n </Row>\r\n\r\n <TextArea className=\"mb-5\" placeholder=\"Donation Comments\" rows={4} />\r\n\r\n <Form.Item className=\"text-center donatebtns\">\r\n <Button htmlType=\"submit\" onClick={toggle} size=\"large\" className=\"mr-5 subbtn btns\">\r\n Donate\r\n </Button>\r\n <Button size=\"large\" className=\"btns\" htmlType=\"button\">\r\n Reset\r\n </Button>\r\n </Form.Item>\r\n </Form>\r\n </div>\r\n\r\n <Modal isOpen={modal} toggle={toggle}>\r\n <ModalHeader toggle={toggle}>Payment Method</ModalHeader>\r\n <Tabs defaultActiveKey=\"2\" type=\"card\" size=\"large\" centered>\r\n <TabPane tab=\"USSD\" disabled key=\"1\">\r\n Content of Tab Pane 1\r\n </TabPane>\r\n <TabPane tab={<Row>\r\n <Col><img className=\"modalImg\" src={mastercard} /></Col>\r\n <Col>Card</Col>\r\n </Row>} key=\"2\">\r\n <Form className=\"p-5\">\r\n <Form.Item>\r\n <Input size=\"large\" placeholder=\"Card Number\" />\r\n </Form.Item>\r\n <Row>\r\n <Col>\r\n <Form.Item>\r\n <Input size=\"large\" placeholder=\"Expiry Date\" />\r\n </Form.Item>\r\n </Col>\r\n <Col>\r\n <Form.Item>\r\n <Input size=\"large\" placeholder=\"CVV\" />\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Form.Item className=\"modalbtn\">\r\n <Button className=\"btns subbtn\" onClick={toggle}>Proceed</Button>\r\n </Form.Item>\r\n </Form>\r\n </TabPane>\r\n <TabPane tab=\"Transfer\" disabled key=\"3\">\r\n Content of Tab Pane 3\r\n </TabPane>\r\n </Tabs>\r\n </Modal>\r\n\r\n </div>\r\n \r\n <div className=\"donate-sliderbar\">\r\n <SliderBar/>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Blog;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOxSURBVHgB7VfLbhNJFD1V3fH4lVBEM5owE0gzj3VszXYkmtWsRsl8AUSjWcwK+ALiFVtYg5TwB/AF2F9AWAESjwriEZ5pgpI4dncV97abyCbpxBUkYMGR7Kqu+zp1q7rqNvANXynEfgoPoVQRRUXdwEMSraOrjyOK9rKxC0q120UV+wiETaLKSFeLub1tRF7wKiqnqTtDv3AXlaYFriZImkeworeDo3wGVoR5NrC4Wvr3ySKGIfIcR2Y9yAUKpLAPyFgboFG5YiIh5YIYwoagiVDjY0IDRF7jp/MGYh4OKE+/Q2EWiKdG4QRh50tzTxs7iByURLm2lvbjYOyTyKREXmIiBLwbDi5Q/HUD1T9XB8Y609/DqO/ggjgRJ0f/e9yUPTbeAhxRyjLRj5G7q3CF79k0tnyFo7O0MQMX48LRTXjVZMe4aCeQ0RYcEby7PBlSRsyMoyEKx9q5Mu/5Blzh+/aUpGzU4Ah/vJMrO0BG6BACZ+QgROJcGS/PARBIfCVgIpGrke3scUX57nMjbxFbLcER8ZtCrsxUfLiC9ukSEbEtOKK7kk/EVgtwhbG2JX0ULsIRm7erubJ4sgpXyI5ZlIehIwFxycXQdiTa98o7xpOJMmzRgxMEFkv/r+h0160iUF10bhKhYGj7gsHhv19AZicsE+hM/+BIxGpsdebQjvX29n+Bn2v0wBffMDVFCn+8i0N/vaRrmC68P350IkEbNBJbSZ2zwc8D7+EzTFA5KG+4ZMYbi3X5Ajku+UPb9DJhTn4gwRh46bnsG0GhTvwalpX3RsR6b9e26pvlUp1KxIbd50xK5aRXFBv1fhKM3JOJ69YKKlR7gZdsus+Ay8PWOtavfVxEp3WrqcxaMWhDBG4Zi6WKXL+2XxH9xeH4rvXw22QQjo0rysenzS4IglCNqlq0Ft3xs4GaZ3CG+5xGHjIS89LgNKeYxpaFhU5TTim2EjOkL8iOdULWSSQaMvNBO0/D4DjpNq2HKWpDa3GLfdDanqAg16mdIR1Gq2fSgyJhi3/kbIkdeQl4f4ACnKNAU8KDovYQtRzkujDgE1kJckhE31JqmZB68EifI1mN2rOJR77ouLm/rP9hHzSRgPxd4glxmxLKsOtVKRJEni9uUpATROxslin+HmkZDkhkKCun/J5gmf51wh9Q2w6gfjkWzNNkQvZB/fM8loqEWJUSzXQFRPoBh99pRUTfeg0cZFrrqH8sew6o1Zl+2s90VNbfIf/Qz9xE7GeXeEMfot/w2fEe9d5174j2ZYMAAAAASUVORK5CYII=\""],"sourceRoot":""}
Zerion Mini Shell 1.0