From a7b1009d64a810d2afb654783dba384c0602260d Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Thu, 24 Jun 2021 23:18:19 +0000
Subject: [PATCH] Add an input for optional donation memo

---
 webclient/src/Paymaster.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/webclient/src/Paymaster.js b/webclient/src/Paymaster.js
index 1e344cd..aef1d20 100644
--- a/webclient/src/Paymaster.js
+++ b/webclient/src/Paymaster.js
@@ -12,6 +12,7 @@ export function Paymaster(props) {
 	const [pop, setPop] = useState('20.00');
 	const [locker, setLocker] = useState('5.00');
 	const [donate, setDonate] = useState('20.00');
+	const [memo, setMemo] = useState('');
 
 	const monthly_fees = user.member.monthly_fees || 55;
 
@@ -99,7 +100,7 @@ export function Paymaster(props) {
 					<PayPalPayNow
 						amount={5}
 						name='Protospace Donation'
-						custom={JSON.stringify({ category: 'Donation', member: user.member.id })}
+						custom={JSON.stringify({ category: 'Donation', member: user.member.id, memo: memo })}
 					/>
 				</Grid.Column>
 
@@ -108,7 +109,7 @@ export function Paymaster(props) {
 					<PayPalPayNow
 						amount={10}
 						name='Protospace Donation'
-						custom={JSON.stringify({ category: 'Donation', member: user.member.id })}
+						custom={JSON.stringify({ category: 'Donation', member: user.member.id, memo: memo })}
 					/>
 				</Grid.Column>
 
@@ -128,9 +129,16 @@ export function Paymaster(props) {
 					<PayPalPayNow
 						amount={donate}
 						name='Protospace Donation'
-						custom={JSON.stringify({ category: 'Donation', member: user.member.id })}
+						custom={JSON.stringify({ category: 'Donation', member: user.member.id, memo: memo })}
 					/>
 				</Grid.Column>
+
+			Add an optional memo to your donation:
+			<Input
+				value={memo}
+				maxLength={50}
+				onChange={(e, v) => setMemo(v.value)}
+			/>
 			</Grid>
 
 			<Header size='medium'>Locker Storage</Header>