From e4801ab076744adced8e471565633b17737963cd Mon Sep 17 00:00:00 2001 From: uzor uchenna Date: Fri, 5 Jun 2020 11:30:37 +0100 Subject: [PATCH 1/8] sponsor dashboard --- bash.exe.stackdump | 9 +++ package.json | 1 + src/app.js | 17 +++-- src/component/Common/Navigation.js | 5 +- src/component/SignIn/Login.js | 6 +- src/component/Sponsor/Product_Info.js | 70 +++++++++++++++++++++ src/component/Sponsor/SponsorDashboard.js | 37 +++++++++++ src/component/Sponsor/SponsorItem.js | 20 ++++++ src/component/Sponsor/images/Hen.jpg | Bin 0 -> 95616 bytes src/component/Sponsor/images/cowpea.jpg | Bin 0 -> 92460 bytes src/component/Sponsor/images/maize.jpg | Bin 0 -> 191532 bytes src/component/Sponsor/images/onion.jpg | Bin 0 -> 50358 bytes src/component/Sponsor/images/pepper.jpg | Bin 0 -> 79549 bytes src/component/Sponsor/images/pepper221.jpg | Bin 0 -> 207636 bytes src/component/Sponsor/images/rice.jpg | Bin 0 -> 91377 bytes src/component/Sponsor/images/snail.jpg | Bin 0 -> 72462 bytes src/component/Sponsor/images/tomatoes.jpg | Bin 0 -> 54803 bytes src/component/Sponsor/sponsor.css | 48 ++++++++++++++ src/index.html | 5 +- yarn.lock | 5 ++ 20 files changed, 214 insertions(+), 9 deletions(-) create mode 100644 bash.exe.stackdump create mode 100644 src/component/Sponsor/Product_Info.js create mode 100644 src/component/Sponsor/SponsorDashboard.js create mode 100644 src/component/Sponsor/SponsorItem.js create mode 100644 src/component/Sponsor/images/Hen.jpg create mode 100644 src/component/Sponsor/images/cowpea.jpg create mode 100644 src/component/Sponsor/images/maize.jpg create mode 100644 src/component/Sponsor/images/onion.jpg create mode 100644 src/component/Sponsor/images/pepper.jpg create mode 100644 src/component/Sponsor/images/pepper221.jpg create mode 100644 src/component/Sponsor/images/rice.jpg create mode 100644 src/component/Sponsor/images/snail.jpg create mode 100644 src/component/Sponsor/images/tomatoes.jpg create mode 100644 src/component/Sponsor/sponsor.css diff --git a/bash.exe.stackdump b/bash.exe.stackdump new file mode 100644 index 0000000..5a86e46 --- /dev/null +++ b/bash.exe.stackdump @@ -0,0 +1,9 @@ +Stack trace: +Frame Function Args +000FFFFA318 0018006133E (0018026DF0D, 0018024E186, 000FFFFA318, 000FFFF9210) +000FFFFA318 00180049229 (00000000000, 00000000000, 00000000000, 001005D1D3C) +000FFFFA318 00180049262 (0018026DFC9, 000FFFFA1C8, 000FFFFA318, 00000000000) +000FFFFA318 001800B5C18 (00000000000, 00000000000, 00000000000, 00000000000) +000FFFFA318 001800B5D9D (000FFFFA330, 00000000000, 00000000000, 00000000000) +000FFFFA5E0 001800B73CC (000FFFFA330, 00000000000, 00000000000, 00000000000) +End of stack trace diff --git a/package.json b/package.json index fd84b3d..40466fa 100644 --- a/package.json +++ b/package.json @@ -33,6 +33,7 @@ }, "license": "MIT", "dependencies": { + "bootstrap": "^4.5.0", "formik": "^2.1.4", "react": "^16.13.1", "react-dom": "^16.13.1", diff --git a/src/app.js b/src/app.js index 96c9375..3c12cbf 100644 --- a/src/app.js +++ b/src/app.js @@ -1,18 +1,22 @@ -import React from "react"; +import React, {useState} from "react"; +import 'bootstrap/dist/css/bootstrap.css'; import {BrowserRouter as Router, Route} from 'react-router-dom'; import PageWrapper from './component/PageWrapper'; import HomePage from './component/Pages/HomePage'; import About from './component/Pages/About'; import SignIn from './component/SignIn/Login' import SignUp from './component/SignUp/SignUp'; +import SponsorDashboard from './component/Sponsor/SponsorDashboard'; import './style.css'; + const App = () => { - + + const [color, setColor] = useState(''); return ( - +
- + { path ='/signup' component = {SignUp} /> + +
) } diff --git a/src/component/Common/Navigation.js b/src/component/Common/Navigation.js index cf7a9ab..018e14e 100644 --- a/src/component/Common/Navigation.js +++ b/src/component/Common/Navigation.js @@ -1,7 +1,8 @@ import React from 'react'; -import {NavLink} from 'react-router-dom'; +import {NavLink, withRouter} from 'react-router-dom'; const Navigation = () => { + return(
diff --git a/src/component/Donate/Donate.js b/src/component/Donate/Donate.js new file mode 100644 index 0000000..51dce4a --- /dev/null +++ b/src/component/Donate/Donate.js @@ -0,0 +1,144 @@ +import React from 'react'; +import img from './richard-bell.jpg'; +import './donate.css'; +import axios from 'axios'; + + +class Donate extends React.Component{ + constructor(props){ + super(props); + this.state = { + firstname: '', + lastname: '', + email: '', + amount: '', + phone: '', + description: '' + }; + this.handleChange = this.handleChange.bind(this); + this.handleSubmit = this.handleSubmit.bind(this); + } + + handleSubmit (e){ + e.preventDefault(); + const user = {...this.state} + console.log(user); + axios.post('https://localhost:4000/donation/donate', user) + .then((res) => { + console.log(res.data); + }).catch((error) =>{ + console.log(error); + }); + + this.props.history.push('/') + } + + handleChange(e){ + const {name, value, type} = e.target; + + type=== 'number' ? this.setState({[name]: value}) : + type=== 'tel' ? this.setState({[name]: value}) : + this.setState({ + [name]: value + }); + } + + render(){ + return( +
+
+
+
+
+

EmpowerFarmer

+
Every donation makes an impact for farmers
+

When you donate to farmers, your generosity is immediately put to work helping us buy farm facilities for farmers

+

Your donation helps us to change the lives of the farmers

+

Kindly donate now.

+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +