-
Notifications
You must be signed in to change notification settings - Fork 2
feat: update purchase summary sidebar #59
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
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR adds a billing portal session feature to enable users to view receipts after successful checkout, along with UI improvements to the purchase summary sidebar.
Key changes:
- Implements billing portal session creation with API integration
- Adds conditional receipt and edit plan buttons to the purchase summary component
- Creates new React hooks and query functions to support the billing portal functionality
Reviewed Changes
Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.
Show a summary per file
| File | Description |
|---|---|
| src/components/app/data/services/create-billing-portal.ts | New service for creating billing portal sessions with API endpoint |
| src/components/app/data/queries/queryKeyFactory.ts | Adds query key factory for billing portal session queries |
| src/components/app/data/queries/queries.ts | Exports query function for billing portal session creation |
| src/components/app/data/hooks/useCreateBillingPortalSession.tsx | Custom hook for managing billing portal session state |
| src/components/app/data/hooks/index.ts | Exports the new billing portal session hook |
| src/components/PurchaseSummary/ReceiptButton.tsx | New button component for viewing receipts via billing portal |
| src/components/PurchaseSummary/PurchaseSummary.tsx | Updates purchase summary to include edit plan and receipt buttons |
| src/components/PurchaseSummary/EditPlanButton.tsx | New conditional button for editing plan details |
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
325cfd5 to
e8c880b
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great work! left some comments
src/components/app/data/hooks/useCreateBillingPortalSession.tsx
Outdated
Show resolved
Hide resolved
e8c880b to
ba5931b
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
Copilot reviewed 12 out of 12 changed files in this pull request and generated 2 comments.
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
ba5931b to
e0cfe62
Compare
Description
Added Edit Plan and View receipt functionality in the purchase summary sidebar.
View receiptandEdit Planbuttons to the purchase summary componentEdit Plan Button:

View Receipt Button.

3c223652a042" />