diff --git a/package-lock.json b/package-lock.json index a2c9e83..a4a125c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15653,11 +15653,6 @@ "prop-types": "^15.5.8" } }, - "react-geocode": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/react-geocode/-/react-geocode-0.1.2.tgz", - "integrity": "sha512-XEJkEPmwufeGykul/eqJyA1WduXa3IGxJam5BA0jzYfs/KMjCrtQjJl1FcH9Cybn05oQnRVUsRW8OGwEmTER5g==" - }, "react-is": { "version": "16.7.0", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.7.0.tgz", diff --git a/package.json b/package.json index 64454e5..cd117f5 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,6 @@ "react": "^16.7.0", "react-dom": "^16.7.0", "react-flags-select": "^1.1.10", - "react-geocode": "^0.1.2", "react-motion": "^0.5.2", "react-redux": "^6.0.0", "react-router-dom": "^4.3.1", diff --git a/src/App.js b/src/App.js deleted file mode 100644 index d1e050e..0000000 --- a/src/App.js +++ /dev/null @@ -1,32 +0,0 @@ -import React, { Component } from "react"; -import "./App.scss"; -import {BrowserRouter, Route, Switch } from "react-router-dom"; -import "./App.sass"; -import Home from "./js/components/Home/Home"; -import Books from "./js/components/Books/Books"; -import Login from "./js/components/LoginPage/Login"; -import SignUp from "./js/components/RegisterPage/SignUp"; -import ForgotSignIn from "./js/components/ForgotSignIn/ForgotSignIn"; - -class App extends Component { - - render() { - return ( -
- -
- - - - - - - -
- -
- ); - } -} - -export default App; \ No newline at end of file diff --git a/src/js/components/Books/Book.sass b/src/js/components/Books/Book.sass new file mode 100644 index 0000000..66a2463 --- /dev/null +++ b/src/js/components/Books/Book.sass @@ -0,0 +1,7 @@ +.bookCardFrame + min-height: 150px +.minHeight150 + min-height: 150px +.noPaddMar + padding: 3px !important; + margin: 0 !important; \ No newline at end of file diff --git a/src/js/components/Books/Bookcard/Bookcard.js b/src/js/components/Books/Bookcard/Bookcard.js index b1e794d..58df83c 100644 --- a/src/js/components/Books/Bookcard/Bookcard.js +++ b/src/js/components/Books/Bookcard/Bookcard.js @@ -1,36 +1,61 @@ import React, { Component } from 'react'; -import './Bookcard.scss'; +import './Bookcard.sass'; class Bookcard extends Component { render() { return ( -
-
-

Book Name

+
+
+ Book Name
-
-
- -
-
- Book Name -
-
- - - - - -
+
+
+
+ Book Name +
+
+ +
+
+ + + + +
-
- -
-
+ //
+ //
+ //
+ // sdfsf + //
+ //
+ //
+ //
+ // Book Name + //
+ //
+ //
+ //
+ // + // + // + // + // + //
+ //
+ // + //
+ //
+ //
+ + //
+ //
+ //
+ //
); } } diff --git a/src/js/components/CollectionsPage/Collection.js b/src/js/components/CollectionsPage/Collection.js new file mode 100644 index 0000000..403c044 --- /dev/null +++ b/src/js/components/CollectionsPage/Collection.js @@ -0,0 +1,35 @@ + +import React, { Component } from "react"; +import { BrowserRouter, Route, Switch, NavLink } from "react-router-dom"; + +class collection extends Component { + + + render() { + return ( +
+

Menu

+ +
+ ); + } +} + +export default collection; diff --git a/src/js/components/DonationPage/Donation.js b/src/js/components/DonationPage/Donation.js new file mode 100644 index 0000000..2b576c8 --- /dev/null +++ b/src/js/components/DonationPage/Donation.js @@ -0,0 +1,159 @@ + +import React, { Component } from "react"; +import renderHTML from 'react-render-html'; +import { Container, Col,FormGroup, Label, Input, Button, Form} from 'reactstrap'; + +//import { validatePassword, validateEmail, validateUsername } from './Validators.js'; +import { BrowserRouter, Route, Switch, NavLink } from "react-router-dom"; +/*
+Amount :
+Organisation :
+Organisation :
+
+ +
+ + + + + +
+*/ +class donation extends Component { + constructor(props){ + super(props); + this.state ={ + "cardNumber": "", + "nameonCard": "", + "expirationDate": "", + "cvc": "", + "country": "", + "state": "", + "city": "", + "postal": "", + "email": "", + } + + // this.onChange=this.onChange.bind(this); + //this.onSubmit=this.onSubmit.bind(this); + } + + Payment(){ + + const RequestObject = { + "cardNumber": this.state.cardNumber, + "nameonCard": this.state.nameonCard, + "expirationDate": this.state.expirationDate, + "cvc": this.state.cvc, + "country": this.state.country, + "state": this.state.state, + "city": this.state.city, + "postal": this.state.emailValue, + "email": this.state.email, + } + fetch("https://localhost:44311/api/PayPal", { + method: 'post', + headers: { + 'Accept': 'application/json', + 'Content-Type': 'application/json' + }, + body: JSON.stringify(RequestObject) + }).then(function(response) { + return response.json(); + }).catch(function(data) { + }); + + } + + render() { + return ( + +
+
+ +
+ Donation details
+ Amount  
+ + +

Organisation
Please choose your organisation of choice

+ +
+ Organisation Name    + + +

+ Organisation Name    + + + +
+ + +
+ Payments
+ Credit card number 

+ Expiration date 

+ Security code 

+ + +
+
+
+ ); + } +} + +export default donation; +{/*
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
*/} diff --git a/src/js/components/DonationPage/DonationSuccess.js b/src/js/components/DonationPage/DonationSuccess.js new file mode 100644 index 0000000..509e1e4 --- /dev/null +++ b/src/js/components/DonationPage/DonationSuccess.js @@ -0,0 +1,37 @@ + +import React, { Component } from "react"; + +import renderHTML from 'react-render-html'; +import { Container, Col,FormGroup, Label, Input, Button, Form} from 'reactstrap'; +//import { validatePassword, validateEmail, validateUsername } from './Validators.js'; +import { BrowserRouter, Route, Switch, NavLink } from "react-router-dom"; +/*
+Amount :
+Organisation :
+Organisation :
+
+ +
+ + + + + +
+*/ +class donationSuccess extends Component { + + + render() { + return ( + +
+
+ Thank you
+
+
+
+ ); + } +} +export default donationSuccess; diff --git a/src/js/components/DonationPage/paypal.html b/src/js/components/DonationPage/paypal.html new file mode 100644 index 0000000..33e38b7 --- /dev/null +++ b/src/js/components/DonationPage/paypal.html @@ -0,0 +1,29 @@ + + + + + + + + + +
+
+
+
+ +
+
+
+
+ + + + + + + + + + + diff --git a/src/js/components/Navbar/Navbar.js b/src/js/components/Navbar/Navbar.js index abb5e4f..a67d285 100644 --- a/src/js/components/Navbar/Navbar.js +++ b/src/js/components/Navbar/Navbar.js @@ -1,7 +1,7 @@ import React, { Component } from 'react'; import { BrowserRouter, Route, Switch, NavLink } from "react-router-dom"; -import "./Navbar.scss"; +import "./Navbar.sass"; /* loc_navBarTitle: String passed to object for the title @@ -11,13 +11,13 @@ class Navbar extends Component { render() { return ( diff --git a/src/js/components/StorePage/Store.js b/src/js/components/StorePage/Store.js new file mode 100644 index 0000000..334c822 --- /dev/null +++ b/src/js/components/StorePage/Store.js @@ -0,0 +1,20 @@ + +import React, { Component } from "react"; +import { BrowserRouter, Route, Switch, NavLink } from "react-router-dom"; + +class volunteer extends Component { + + + render() { + return ( +
+

store page

+ +
+ ); + } +} + +export default volunteer; diff --git a/src/js/components/VolunteerPage/Volunteer.js b/src/js/components/VolunteerPage/Volunteer.js new file mode 100644 index 0000000..2bfabb5 --- /dev/null +++ b/src/js/components/VolunteerPage/Volunteer.js @@ -0,0 +1,20 @@ + +import React, { Component } from "react"; +import { BrowserRouter, Route, Switch, NavLink } from "react-router-dom"; + +class volunteer extends Component { + + + render() { + return ( +
+

Store

+ +
+ ); + } +} + +export default volunteer;