diff --git a/.nvmrc b/.nvmrc index 5b9720f..e65243f 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -18.4.0 +16.19.0 diff --git a/frontend/src/element/signup.scss b/frontend/src/element/signup.scss index 1840e47..516889a 100644 --- a/frontend/src/element/signup.scss +++ b/frontend/src/element/signup.scss @@ -214,6 +214,13 @@ button { font-size: 20px; } +button[disabled] { + border-color: constants.$gray-80; + color: constants.$gray-80; + opacity: 0.7; + cursor: default; +} + .invalidatable { input:invalid, select:invalid { diff --git a/frontend/src/element/signup.ts b/frontend/src/element/signup.ts index 67869d7..63543ad 100644 --- a/frontend/src/element/signup.ts +++ b/frontend/src/element/signup.ts @@ -211,6 +211,10 @@ export class Signup extends LitElement { cardElement: StripeCardElement; + // TODO(#208): Temporary until bank accounts are supported for Canada. + @state() + protected bankSupported = true; + @state() protected paymentMethod: 'bank' | 'card' | 'plaid' = 'plaid'; @@ -329,15 +333,28 @@ export class Signup extends LitElement { private paymentTemplate(): TemplateResult { return html`

Payment

- + ${this.bankSupported + ? '' + : html`
+
+ Currently only card payment is supported in Canada. Please email + + operations@alphabetworkersunion.org + after you've completed sign-up and we can manually switch you over + to bank payment if you prefer. +
+
`}