Project

General

Profile

Actions
Copy link

ClientProject #3155

open

[FE] Auto parts details ui and api integration

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

Status:
Complete
Priority:
High
Assignee:
Nazmul Hossain Shovon
Target version:
Revamp.v1.1: sprint 04
Start date:
09/09/2025
Due date:
09/10/2025 (about 7 months late)
% Done:

100%

Estimated time:
6:00 h
Spent time:
13:00 h

Description

  • Added a dynamic product detail page for auto parts at /auto-parts/[maker]/[part]/[number]/[id]/page.tsx.
  • Created new components: PartsDetails, ProductInfo, ActionSection, and Specifications for displaying detailed auto parts information.
  • Updated AutoListCard to link to the new detail page using slugified URLs.
  • Integrated product info, action buttons, and specifications into the detail view.
  • Added LocationTable component to display item location and payment methods with icons.
  • Replaced EnquireButton with PartsInquiryForm in ActionSection for improved inquiry UX.
  • Integrated LocationTable into PartsDetails to show location/payment info alongside part details.
  • Minor UI tweaks: Improved button styling in PartsInquiryForm, simplified grid in Specifications.
  • Removed debug log from auto parts detail page.
  • Refactored ActionSection, ProductInfo, and PartsDetails components to pass specific part details (sub_ref_no, parts_name, parts_number) to the inquiry form.
  • Updated prop types and usage to improve clarity and data flow for part inquiries.
  • Removed unused imports and cleaned up code for better maintainability.
Actions
Copy link
 #1

Updated by Nazmul Hossain Shovon 7 months ago

  • % Done changed from 0 to 80

ref:
https://github.com/pqsjapan/frontendV1.1/commit/8b6e98f932a48d3d2a474d72c1d8869e4d27d0d6

Summary of Key Changes:

  • Added a dynamic product detail page for auto parts at /auto-parts/[maker]/[part]/[number]/[id]/page.tsx.
  • Created new components: PartsDetails, ProductInfo, ActionSection, and Specifications for displaying detailed auto parts information.
  • Updated AutoListCard to link to the new detail page using slugified URLs.
  • Integrated product info, action buttons, and specifications into the detail view.
Actions
Copy link
 #2

Updated by Nazmul Hossain Shovon 7 months ago

  • % Done changed from 80 to 90

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

Summary of Key Changes:

  • Added LocationTable component to display item location and payment methods with icons.
  • Replaced EnquireButton with PartsInquiryForm in ActionSection for improved inquiry UX.
  • Integrated LocationTable into PartsDetails to show location/payment info alongside part details.
  • Minor UI tweaks: Improved button styling in PartsInquiryForm, simplified grid in Specifications.
  • Removed debug log from auto parts detail page.
Actions
Copy link
 #3

Updated by Nazmul Hossain Shovon 7 months ago

  • % Done changed from 90 to 100

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

Summary of Key Changes:

  • Refactored ActionSection, ProductInfo, and PartsDetails components to pass specific part details (sub_ref_no, parts_name, parts_number) to the inquiry form.
  • Updated prop types and usage to improve clarity and data flow for part inquiries.
  • Removed unused imports and cleaned up code for better maintainability.
Actions
Copy link
 #4

Updated by Nazmul Hossain Shovon 7 months ago

  • Description updated (diff)
Actions
Copy link
 #5

Updated by Md.Sajib Ahmed 7 months ago

I’ve reviewed the PR and provided both positive and constructive feedback. While the implementation works, I noticed some design-related issues and a few cases where coding best practices were not followed.

I’ve highlighted these points along with suggestions for improvement and best practices to follow going forward.

Here is the PR link

Actions
Copy link
 #6

Updated by Nazmul Hossain Shovon 7 months ago

ref:
https://github.com/pqsjapan/frontendV1.1/commit/4073b9e5c5a9fba48e0d1d62d02b99f82b327f3f

Summary of Key Changes:

  • Set fixed width (w-[200px]) for sections in ActionSection for consistent layout.
  • Made the inquiry button in PartsInquiryForm full width for better alignment.
  • Added horizontal padding (px-5) to specification keys in Specifications for improved readability.
Actions
Copy link
 #8

Updated by Nazmul Hossain Shovon 7 months ago

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

Summary of Key Changes:

  • Improved styling and spacing for tables and sections in auto-parts components.
  • Updated labels (e.g., "Specification" → "SPECIFICATIONS", "Price Negotiable" → "Used").
  • Enhanced grid layouts and font weights for better readability.
  • Removed redundant package info from product details.
  • Made UI more consistent across desktop and mobile views.
Actions
Copy link
 #9

Updated by Md.Sajib Ahmed 7 months ago

  • Status changed from In Progress to Complete
Actions
Copy link

Also available in: Atom PDF