Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Update Edit Payment Card Component to use Stripe Card Element #2911

Merged
merged 4 commits into from
Jun 3, 2024

Conversation

ajay-sentry
Copy link
Contributor

@ajay-sentry ajay-sentry commented May 30, 2024

Description

Updates the payment card component from using the split payment card to the single line Card Element. Also fixes a bug where the error message was just showing an empty banner (potentially regression from the stripe version upgrades?)

This also updates the email styling from the "billing" style to the "default" style.

Closes codecov/engineering-team#1779
Closes codecov/engineering-team#1759

Notable Changes

Screenshots

BEFORE
Screenshot 2024-05-30 at 2 26 28 PM

AFTER
Screenshot 2024-05-30 at 2 18 21 PM
Screenshot 2024-05-30 at 2 18 28 PM
Screenshot 2024-05-30 at 3 39 34 PM

Link to Sample Entry

Legal Boilerplate

Look, I get it. The entity doing business as "Sentry" was incorporated in the State of Delaware in 2015 as Functional Software, Inc. In 2022 this entity acquired Codecov and as result Sentry is going to need some rights from me in order to utilize my contributions in this PR. So here's the deal: I retain all rights, title and interest in and to my contributions, and by keeping this boilerplate intact I confirm that Sentry can use, modify, copy, and redistribute my contributions, under Sentry's choice of terms.

@codecov-qa
Copy link

codecov-qa bot commented May 30, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.46%. Comparing base (bfb52ec) to head (abb81d0).
Report is 5 commits behind head on main.

✅ All tests successful. No failed tests found.

Impacted file tree graph

@@            Coverage Diff             @@
##             main    #2911      +/-   ##
==========================================
- Coverage   98.48%   98.46%   -0.03%     
==========================================
  Files         882      886       +4     
  Lines       13074    13122      +48     
  Branches     3503     3505       +2     
==========================================
+ Hits        12876    12920      +44     
- Misses        194      198       +4     
  Partials        4        4              
Files Coverage Δ
...gPlan/BillingDetails/EmailAddress/EmailAddress.tsx 100.00% <ø> (ø)
...Plan/BillingDetails/PaymentCard/CreditCardForm.jsx 100.00% <100.00%> (ø)
src/ui/TextInput/TextInput.tsx 100.00% <ø> (ø)

... and 13 files with indirect coverage changes

Components Coverage Δ
Assets 53.84% <ø> (-0.44%) ⬇️
Layouts 97.22% <ø> (ø)
Pages 99.27% <100.00%> (+<0.01%) ⬆️
Services 99.48% <ø> (-0.01%) ⬇️
Shared 99.68% <ø> (+<0.01%) ⬆️
UI 94.73% <ø> (ø)

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update bfb52ec...abb81d0. Read the comment docs.

Copy link

codecov-public-qa bot commented May 30, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.46%. Comparing base (bfb52ec) to head (abb81d0).
Report is 5 commits behind head on main.

✅ All tests successful. No failed tests found ☺️

Impacted file tree graph

@@            Coverage Diff             @@
##             main    #2911      +/-   ##
==========================================
- Coverage   98.48%   98.46%   -0.03%     
==========================================
  Files         882      886       +4     
  Lines       13074    13122      +48     
  Branches     3503     3510       +7     
==========================================
+ Hits        12876    12920      +44     
- Misses        194      198       +4     
  Partials        4        4              
Files Coverage Δ
...gPlan/BillingDetails/EmailAddress/EmailAddress.tsx 100.00% <ø> (ø)
...Plan/BillingDetails/PaymentCard/CreditCardForm.jsx 100.00% <100.00%> (ø)
src/ui/TextInput/TextInput.tsx 100.00% <ø> (ø)

... and 13 files with indirect coverage changes

Components Coverage Δ
Assets 53.84% <ø> (-0.44%) ⬇️
Layouts 97.22% <ø> (ø)
Pages 99.27% <100.00%> (+<0.01%) ⬆️
Services 99.48% <ø> (-0.01%) ⬇️
Shared 99.68% <ø> (+<0.01%) ⬆️
UI 94.73% <ø> (ø)

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update bfb52ec...abb81d0. Read the comment docs.

@codecov-notifications
Copy link

codecov-notifications bot commented May 30, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

✅ All tests successful. No failed tests found.

Impacted file tree graph

@@            Coverage Diff             @@
##             main    #2911      +/-   ##
==========================================
- Coverage   98.48%   98.46%   -0.03%     
==========================================
  Files         882      886       +4     
  Lines       13074    13122      +48     
  Branches     3484     3510      +26     
==========================================
+ Hits        12876    12920      +44     
- Misses        194      198       +4     
  Partials        4        4              
Files Coverage Δ
...gPlan/BillingDetails/EmailAddress/EmailAddress.tsx 100.00% <ø> (ø)
...Plan/BillingDetails/PaymentCard/CreditCardForm.jsx 100.00% <100.00%> (ø)
src/ui/TextInput/TextInput.tsx 100.00% <ø> (ø)

... and 13 files with indirect coverage changes

Components Coverage Δ
Assets 53.84% <ø> (-0.44%) ⬇️
Layouts 97.22% <ø> (ø)
Pages 99.27% <100.00%> (+<0.01%) ⬆️
Services 99.48% <ø> (-0.01%) ⬇️
Shared 99.68% <ø> (+<0.01%) ⬆️
UI 94.73% <ø> (ø)

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update bfb52ec...abb81d0. Read the comment docs.

@codecov-staging
Copy link

codecov-staging bot commented May 30, 2024

Bundle Report

Changes will increase total bundle size by 312.19kB ⬆️

Bundle name Size Change
gazebo-staging-array-push 6.94MB 312.19kB ⬆️

Copy link

codecov bot commented May 30, 2024

Bundle Report

Changes will increase total bundle size by 312.19kB ⬆️

Bundle name Size Change
gazebo-production-array-push 6.94MB 312.19kB ⬆️

Copy link

codecov bot commented May 30, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.46%. Comparing base (bfb52ec) to head (abb81d0).
Report is 5 commits behind head on main.

✅ All tests successful. No failed tests found.

Additional details and impacted files

Impacted file tree graph

@@               Coverage Diff                @@
##               main      #2911        +/-   ##
================================================
- Coverage   98.48000   98.46000   -0.02000     
================================================
  Files           882        886         +4     
  Lines         13074      13122        +48     
  Branches       3484       3510        +26     
================================================
+ Hits          12876      12920        +44     
- Misses          194        198         +4     
  Partials          4          4                
Files Coverage Δ
...gPlan/BillingDetails/EmailAddress/EmailAddress.tsx 100.00% <ø> (ø)
...Plan/BillingDetails/PaymentCard/CreditCardForm.jsx 100.00% <100.00%> (ø)
src/ui/TextInput/TextInput.tsx 100.00% <ø> (ø)

... and 13 files with indirect coverage changes

Components Coverage Δ
Assets 53.84% <ø> (-0.44%) ⬇️
Layouts 97.22% <ø> (ø)
Pages 99.27% <100.00%> (+<0.01%) ⬆️
Services 99.48% <ø> (-0.01%) ⬇️
Shared 99.68% <ø> (+<0.01%) ⬆️
UI 94.73% <ø> (ø)

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update bfb52ec...abb81d0. Read the comment docs.

@codecov-releaser
Copy link
Contributor

codecov-releaser commented May 30, 2024

✅ Deploy preview for gazebo ready!

Previews expire after 1 month automatically.

Storybook

Commit Created Cloud Enterprise
cec2212 Thu, 30 May 2024 21:32:48 GMT Expired Expired
67c005e Thu, 30 May 2024 22:52:16 GMT Expired Expired
abb81d0 Sat, 01 Jun 2024 15:40:55 GMT Cloud Enterprise

Copy link
Contributor

@adrian-codecov adrian-codecov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Lgtm!

Have we checked this works appropriately on Stripe? Like the card details passing through n stuff?

@ajay-sentry ajay-sentry added this pull request to the merge queue Jun 3, 2024
Merged via the queue into main with commit 94f2348 Jun 3, 2024
56 of 60 checks passed
@ajay-sentry ajay-sentry deleted the Ajay/1759-ui-tweaks branch June 3, 2024 16:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
3 participants