BilalG1 b6a2ab5ec2 payment ui fixes (#959) ... <img width="1453" height="968" alt="Screenshot 2025-10-16 at 2 13 26 PM" src="https://github.com/user-attachments/assets/bdcda780-ec3f-4595-beaf-fde4ddf8a59c" /> <!-- Make sure you've read the CONTRIBUTING.md guidelines: https://github.com/stack-auth/stack-auth/blob/dev/CONTRIBUTING.md --> <!-- RECURSEML_SUMMARY:START --> ## High-level PR Summary This PR improves the payment UI by redesigning the incomplete Stripe setup alert banner with a more visually appealing amber-themed warning, and refines the product pricing interface by clarifying button labels and cleaning up unused code. The setup banner now features better visual hierarchy with icons, bullet points for missing capabilities, and a prominent continue button, while the product card interface now displays "Add Alternative Price" instead of just "Add Price" when prices already exist. ⏱️ Estimated Review Time: 5-15 minutes <details> <summary>💡 Review Order Suggestion</summary> | Order | File Path | |-------|-----------| | 1 | `apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/payments/products/layout.tsx` | | 2 | `apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/payments/products/page-client-catalogs-view.tsx` | </details> [](https://discord.gg/n3SsVDAW6U) [ <!-- RECURSEML_SUMMARY:END --> <!-- ELLIPSIS_HIDDEN --> ---- > [!IMPORTANT] > UI enhancements and logic improvements for payment setup and product management in `layout.tsx` and `page-client-catalogs-view.tsx`. > > - **UI Enhancements**: > - Updated incomplete Stripe setup alert in `layout.tsx` with improved styling and clearer user guidance. > - Enhanced product price management UI in `page-client-catalogs-view.tsx`, including conditional button labels and improved price handling logic. > - **Logic Improvements**: > - Introduced `hasExistingPrices` in `ProductCard` to simplify price existence checks. > - Removed unused `shouldUseDummyData` state in `PageClient`. > - **Misc**: > - Minor refactoring and cleanup in `page-client-catalogs-view.tsx` for better readability and maintainability. > > <sup>This description was created by </sup>[<img alt="Ellipsis" src="https://img.shields.io/badge/Ellipsis-blue?color=175173">](https://www.ellipsis.dev?ref=stack-auth%2Fstack-auth&utm_source=github&utm_medium=referral)<sup> for d50c56de7d. You can [customize](https://app.ellipsis.dev/stack-auth/settings/summaries) this summary. It will automatically update as commits are pushed.</sup> <!-- ELLIPSIS_HIDDEN --> <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **UI Improvements** * Enhanced incomplete payments alert with actionable guidance displayed more prominently * Improved price management interface with contextual button labels for clearer user guidance <!-- end of auto-generated comment: release notes by coderabbit.ai -->		2025-10-16 15:51:13 -07:00
..
backend	Page transition prefetching	2025-10-16 12:02:46 -07:00
dashboard	payment ui fixes (#959)	2025-10-16 15:51:13 -07:00
dev-launchpad	chore: update package versions	2025-10-15 10:56:40 -07:00
e2e	payment test mode fixes (#957)	2025-10-15 19:14:45 -07:00
mock-oauth-server	chore: update package versions	2025-10-15 10:56:40 -07:00
oauth-mock-server	In-source unit tests (#429)	2025-02-14 11:47:52 -08:00