tanner/spaceport
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add warning when entering PayPal transaction

Browse Source
This commit is contained in:
Tanner Collin 2021-04-24 21:51:06 +00:00
parent b14bd0ebf0
commit 1ae93791f9
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
webclient/src/Transactions.js
View File

@ -10,6 +10,8 @@ import { NotFound, PleaseLogin } from './Misc.js';
export function TransactionEditor(props) { export function TransactionEditor(props) {
const { token, input, setInput, error, noMemberSearch } = props; const { token, input, setInput, error, noMemberSearch } = props;
const [prevInput, setPrevInput] = useState(input);
const handleValues = (e, v) => setInput({ ...input, [v.name]: v.value }); const handleValues = (e, v) => setInput({ ...input, [v.name]: v.value });
const handleUpload = (e, v) => setInput({ ...input, [v.name]: e.target.files[0] }); const handleUpload = (e, v) => setInput({ ...input, [v.name]: e.target.files[0] });
const handleChange = (e) => handleValues(e, e.currentTarget); const handleChange = (e) => handleValues(e, e.currentTarget);
@ -62,7 +64,7 @@ export function TransactionEditor(props) {
return ( return (
<div className='transaction-editor'> <div className='transaction-editor'>
{!noMemberSearch &&<Form.Field error={error.member_id}> {!noMemberSearch && <Form.Field error={error.member_id}>
<label>Member (search)</label> <label>Member (search)</label>
<MembersDropdown <MembersDropdown
token={token} token={token}
@ -101,6 +103,13 @@ export function TransactionEditor(props) {
onChange={handleValues} onChange={handleValues}
/> />
{ input?.account_type != prevInput?.account_type && input?.account_type == 'PayPal' &&
<Message visible warning>
<Message.Header>Are you absolutely sure?</Message.Header>
<p>PayPal transactions should be automatic. Double check there's no duplicate. They may take 24h to appear.</p>
</Message>
}
{/* <Form.Group widths='equal'> {/* <Form.Group widths='equal'>
<Form.Input <Form.Input
label='Payment Method' label='Payment Method'