Actions
ClientProject #3155
open[FE] Auto parts details ui and api integration
Start date:
09/09/2025
Due date:
09/10/2025 (about 7 months late)
% Done:
100%
Estimated time:
6:00 h
Spent time:
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