gaiety/actblue-tha
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

implementation #1

Open
gaiety wants to merge 11 commits from implementation into main
pull from: implementation
merge into: gaiety:main
Conversation 0 Commits 11 Files changed 11 +4 -4
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 71c24d1cec - Show all commits

8
src/BandForm.js
View file

@ -81,9 +81,9 @@ function BandForm({ band }) {
type="text" type="text"
/> />
</div> </div>
{/* TODO: third party library address verification */}
<input <input
required required
{/* TODO: third party library address verification */}
name="address" name="address"
label="Address" label="Address"
placeholder="Address" placeholder="Address"
@ -94,10 +94,10 @@ function BandForm({ band }) {
<fieldset className="payment"> <fieldset className="payment">
<legend>Payment Details</legend> <legend>Payment Details</legend>
{/* TODO: regex pattern */}
gaiety commented 2025-06-14 16:57:31 -06:00
Review
Copy link

Need to test this with an actual screenreader. Should announce when prices change so the user is aware how much their "cart" costs.

Need to test this with an actual screenreader. Should announce when prices change so the user is aware how much their "cart" costs.
<IMaskInput <IMaskInput
required required
mask="0000 0000 0000 0000" mask="0000 0000 0000 0000"
{/* TODO: regex pattern */}
name="cardNumber" name="cardNumber"
label="Card Number" label="Card Number"
gaiety commented 2025-06-14 16:57:51 -06:00
Review
Copy link

All of these should have autocomplete properties for easier autofill.

All of these should have `autocomplete` properties for easier autofill.
placeholder="0000 0000 0000 0000" placeholder="0000 0000 0000 0000"
@ -105,9 +105,9 @@ function BandForm({ band }) {
></IMaskInput> ></IMaskInput>
<div className="form-row"> <div className="form-row">
{/* TODO: regex pattern */}
<IMaskInput <IMaskInput
required required
{/* TODO: regex pattern */}
mask="00 / 00" mask="00 / 00"
pattern="\d*" pattern="\d*"
name="cardExpiration" name="cardExpiration"
@ -116,9 +116,9 @@ function BandForm({ band }) {
type="text" type="text"
></IMaskInput> ></IMaskInput>
{/* TODO: regex pattern */}
<IMaskInput <IMaskInput
required required
{/* TODO: regex pattern */}
mask={Number} mask={Number}
name="cardCVV" name="cardCVV"
label="Card CVV" label="Card CVV"