summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorPatrick O'Doherty <p@trickod.com>2017-12-27 10:07:00 -0800
committerPatrick O'Doherty <p@trickod.com>2017-12-27 10:07:00 -0800
commit56f2d618b9acede05f3296788ac83ea402c492c2 (patch)
tree9f0d4121351ca4cb714f0e380787bca8752d04ce
parent0b017f8820fad081c6ba9c18ac7d41ef6e49fd4d (diff)
Add PayPal button and links
-rw-r--r--public/btn_donateCC_LG.gifbin0 -> 2332 bytes
-rw-r--r--src/components/DonationLinks.js17
-rw-r--r--src/components/Introduction.js6
-rw-r--r--src/components/PayPalButton.js21
4 files changed, 43 insertions, 1 deletions
diff --git a/public/btn_donateCC_LG.gif b/public/btn_donateCC_LG.gif
new file mode 100644
index 0000000..2d1ec15
--- /dev/null
+++ b/public/btn_donateCC_LG.gif
Binary files differ
diff --git a/src/components/DonationLinks.js b/src/components/DonationLinks.js
new file mode 100644
index 0000000..55e183a
--- /dev/null
+++ b/src/components/DonationLinks.js
@@ -0,0 +1,17 @@
+import React, { Component } from 'react';
+
+class DonationLinks extends Component {
+ render() {
+ return (
+ <div id="paypal-recurring">Pledge a recurring donation:
+ <a href="https://www.paypal.com/subscriptions/business=treasurer%40noisebridge.net&amp;item_name=Noisebridge%20Tor%20Node%20Project&amp;cy_code=USD&amp;no_note=1&amp;no_shipping=1&amp;a3=5&amp;p3=1&amp;t3=M&amp;src=1">$5/month</a> |
+ <a href="https://www.paypal.com/subscriptions/business=treasurer%40noisebridge.net&amp;item_name=Noisebridge%20Tor%20Node%20Project&amp;cy_code=USD&amp;no_note=1&amp;no_shipping=1&amp;a3=10&amp;p3=1&amp;t3=M&amp;src=1">$10/month</a> |
+ <a href="https://www.paypal.com/subscriptions/business=treasurer%40noisebridge.net&amp;item_name=Noisebridge%20Tor%20Node%20Project&amp;cy_code=USD&amp;no_note=1&amp;no_shipping=1&amp;a3=20&amp;p3=1&amp;t3=M&amp;src=1">$20/month</a> |
+ <a href="https://www.paypal.com/subscriptions/business=treasurer%40noisebridge.net&amp;item_name=Noisebridge%20Tor%20Node%20Project&amp;cy_code=USD&amp;no_note=1&amp;no_shipping=1&amp;a3=50&amp;p3=1&amp;t3=M&amp;src=1">$50/month</a> |
+ <a href="https://www.paypal.com/subscriptions/business=treasurer%40noisebridge.net&amp;item_name=Noisebridge%20Tor%20Node%20Project&amp;cy_code=USD&amp;no_note=1&amp;no_shipping=1&amp;a3=100&amp;p3=1&amp;t3=M&amp;src=1">$100/month</a>
+ </div>
+ );
+ }
+}
+
+export default DonationLinks;
diff --git a/src/components/Introduction.js b/src/components/Introduction.js
index 672d3bb..50fc3ff 100644
--- a/src/components/Introduction.js
+++ b/src/components/Introduction.js
@@ -1,5 +1,7 @@
import React, { Component } from 'react';
-import Logo from './Logo'
+import Logo from './Logo';
+import PayPalButton from './PayPalButton';
+import DonationLinks from './DonationLinks';
class Introduction extends Component {
render() {
@@ -18,6 +20,8 @@ class Introduction extends Component {
</ol>
</div>
</div>
+ <PayPalButton />
+ <DonationLinks />
</div>
<Logo />
</div>
diff --git a/src/components/PayPalButton.js b/src/components/PayPalButton.js
new file mode 100644
index 0000000..f84d845
--- /dev/null
+++ b/src/components/PayPalButton.js
@@ -0,0 +1,21 @@
+import React, { Component } from 'react';
+
+class PayPalButton extends Component {
+ render() {
+ return (
+ <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
+ <input name="cmd" value="_donations" type="hidden"/>
+ <input name="business" value="treasurer@noisebridge.net" type="hidden"/>
+ <input name="lc" value="US" type="hidden"/>
+ <input name="item_name" value="Noisebridge Tor Node Project" type="hidden"/>
+ <input name="no_shipping" value="0" type="hidden"/>
+ <input name="no_note" value="0" type="hidden"/>
+ <input name="currency_code" value="USD" type="hidden" />
+ <input name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHostedGuest" type="hidden" />
+ <input src="btn_donateCC_LG.gif" name="submit" alt="Donate using PayPal" type="image" width="147" height="47" />
+ </form>
+ );
+ }
+}
+
+export default PayPalButton;