Project

General

Profile

Actions
Copy link

ClientProject #3005

open

ClientProject #3004: [Module] Static pages

[FE] Payment page

Added by Nazmul Hossain Shovon 8 months ago. Updated 7 months ago.

Status:
In Progress
Priority:
High
Assignee:
Nazmul Hossain Shovon
Target version:
Revamp.v1.1: sprint 03
Start date:
08/27/2025
Due date:
08/27/2025 (about 8 months late)
% Done:

100%

Estimated time:
4:00 h
Spent time:
5:30 h

Description

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
Copy link
 #1

Updated by Nazmul Hossain Shovon 8 months ago ยท Edited

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

ref:
https://github.com/pqsjapan/frontendV1.1/commit/a522db9840807190d42365cd78a23fb32c9174c8

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
Copy link
 #2

Updated by Nazmul Hossain Shovon 8 months ago

  • Description updated (diff)
Actions
Copy link
 #3

Updated by Md.Sajib Ahmed 8 months ago

Reivew PR and given design miss match feedback.

Actions
Copy link
 #4

Updated by Nazmul Hossain Shovon 8 months ago

ref:
https://github.com/pqsjapan/frontendV1.1/commit/ab0821cd50c5f45a53255fbb3a72d4cb791be4ce

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
Copy link
 #5

Updated by Nazmul Hossain Shovon 7 months ago

ref:
https://github.com/pqsjapan/frontendV1.1/commit/1bd45baa7c94e8a2fc289ccea56043869a421827

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.
Actions
Copy link

Also available in: Atom PDF