discourse/discourse-subscriptions
1
0
Fork 0
mirror of https://github.com/discourse/discourse-subscriptions.git synced 2025-03-06 09:39:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

FIX: set Discourse consistent styles on Stripe card element (#124)

Browse Source 
* FIX: set Discourse consistent styles on Stripe card element

* use correct placeholder color

* applied prettier

* mock update method for cardElement

* minor formatting
This commit is contained in:
Faizaan Gagan 2022-06-24 21:18:38 +05:30 committed by GitHub
parent 8762d6742e
commit 392b88265b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
assets/javascripts/discourse/components/subscribe-card.js
View File

@ -4,6 +4,25 @@ export default Component.extend({
didInsertElement() { didInsertElement() {
this._super(...arguments); this._super(...arguments);
this.cardElement.mount("#card-element"); this.cardElement.mount("#card-element");
this.setCardElementStyles();
},
setCardElementStyles() {
const root = document.querySelector(":root");
const computedStyle = getComputedStyle(root);
const primaryColor = computedStyle.getPropertyValue("--primary");
const placeholderColor =
computedStyle.getPropertyValue("--secondary-medium");
this.cardElement.update({
style: {
base: {
color: primaryColor,
"::placeholder": {
color: placeholderColor,
},
},
},
});
}, },
didDestroyElement() {}, didDestroyElement() {},
}); });

1
test/javascripts/helpers/stripe.js
View File

@ -15,6 +15,7 @@ export function stubStripe() {
on() {}, on() {},
card() {}, card() {},
mount() {}, mount() {},
update() {},
}; };
}, },
}; };