feat: integrate Stripe payment processing and add order summary compo…#31
Merged
dpiyumal2319 merged 1 commit intomainfrom Oct 10, 2025
Merged
feat: integrate Stripe payment processing and add order summary compo…#31dpiyumal2319 merged 1 commit intomainfrom
dpiyumal2319 merged 1 commit intomainfrom
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request introduces Stripe payment integration into the order workflow, enabling users to complete payments directly within the app. The changes include new dependencies, environment configuration, and several new components for handling payment, order summary, and post-payment success flow. The most important changes are grouped below:
Payment Integration and Workflow
@stripe/react-stripe-jsand@stripe/stripe-jsdependencies inpackage.jsonand configuring the publishable key in.env. [1] [2]src/app/(home-app)/orders/[orderId]/page.tsxto implement the Stripe payment flow: initializes payment intent, renders a payment form, handles loading and error states, and displays order summary. (src/app/(home-app)/orders/[orderId]/page.tsxL3-R181)CheckoutFormcomponent (src/components/orders/CheckoutForm.tsx) to handle Stripe payment submission, success/error messaging, and redirection after payment.Order Summary and Post-Payment Experience
OrderSummarycomponent (src/components/orders/OrderSummary.tsx) to show order details, ticket list, price breakdown, and a countdown timer for seat lock expiration.payment-successpage (src/app/(home-app)/payment-success/page.tsx) to provide confirmation, order details, and auto-redirect after successful payment.Minor Codebase Cleanups
DailySalesChart.tsxandSessionAnalyticsView.tsx. (src/app/manage/organization/[organization_id]/event/[eventId]/analytics/_components/DailySalesChart.tsxL7-R7, src/app/manage/organization/[organization_id]/event/[eventId]/analytics/_components/SessionAnalyticsView.tsxL8-R14, src/app/manage/organization/[organization_id]/event/[eventId]/analytics/_components/SessionAnalyticsView.tsxL33-L34)