ClientProject #3005: [FE] Payment page - PQS_Japan - Redmine

Actions

#1

Target version changed from Revamp.v1.1: sprint 01 to Revamp.v1.1: sprint 03
% Done changed from 0 to 100

Summary of Key Changes
New Payment Method Page :

Added a new /payment-method page that displays payment options using a sidebar and breadcrumb navigation.

Payment Components Added :

Introduced three new components under payment:
BankTransfer.tsx: Shows detailed bank transfer information.
Paypal.tsx: Displays PayPal transfer details.
AdditionalInfos.tsx: Provides intermediary bank information for international transfers.

Payment Container :

Created a PaymentContainer component to organize and render all payment method components together on the payment method page.

Actions

#2

Actions

#3

Reivew PR and given design miss match feedback.

Actions

#4

Summary of Key Changes:

Updated color classes in payment-related components (AdditionalInfos.tsx, BankTransfer.tsx, Paypal.tsx) to use new Tailwind utility classes (e.g., text-secondary-100, text-primary) instead of custom or inline color styles.
Improved table layouts for better responsiveness and consistency, including switching from lg: to xl: breakpoints and refining padding and font usage.
Removed redundant font family declarations and streamlined class names for clarity and maintainability.
Enhanced visual hierarchy and readability of payment information sections.

Actions

#5

Summary of key changes:

Changed table row layout breakpoint from lg to md in both BankTransfer.tsx and Paypal.tsx for improved responsiveness.
Added w-full class to the container div in BankTransfer.tsx for better width handling.

Client » PQS_Japan