Client » PQS_Japan

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

Summary of Key Changes

This commit introduces a complete auto parts back order functionality with the following major changes:

1. New Page Creation: Added a new page at /auto-parts-back-order with a comprehensive form for back ordering auto parts.

2. Enhanced Form Functionality:

   • Added transmission type selection field
   • Included additional shipping address fields (city, address, nearest port)
   • Implemented image upload capability with base64 encoding
   • Added dynamic model selection based on maker selection

3. Form Validation:

   • Created a comprehensive Zod validation schema for all form fields
   • Added validation for chassis number, parts name/number, and contact information
   • Implemented client-side validation with error messaging

4. API Integration:

   • Updated the auto parts form submission API route to handle new fields
   • Modified the request body structure to include transmission type, address details, and image data

5. Component Restructuring:

   • Created reusable components for the form section, server wrapper, and status display
   • Extracted how-to-buy stats into a separate reusable component
   • Implemented animated counters for the status section

6. Data Handling:

   • Added dynamic model fetching based on maker selection
   • Implemented proper data transformation for API submission
   • Added loading states and error handling