Actions
ClientProject #3326
open[SQA] Final Release Issue fix
Start date:
09/24/2025
Due date:
09/26/2025 (about 7 months late)
% Done:
100%
Estimated time:
26:00 h
Spent time:
Description
PR Description
This PR focuses on UI cleanup, improved layout consistency, and better user experience for authentication links, search, and dashboard. Below is a summary of the changes and how to test them from the browser UI.
- Footer Auth Links Refactor
What Changed:
"Sign In" and "Sign Up" links have been removed from the main footer menu section and are now shown as a separate block at the bottom of the "MENU" column.
These links are only visible if the user is not authenticated.
How to Test:
Scroll to the footer.
If not logged in, you should see "Sign In" and "Sign Up" links under the "MENU" section.
Log in and refresh: these links should disappear. - Header Auth Buttons UI Update
What Changed:
The "Sign Up" and "Login" buttons in the header have a simplified, more consistent look.
Button hover/focus states improved.
"Sign In" button text changed to "Login" for consistency.
How to Test:
Look at the top-right header area.
On desktop, you should see "Sign Up" (purple) and "Login" (white) buttons with icons.
On mobile, only icons are visible.
Hover and focus on the buttons to see visual feedback. - Carousel Improvements
What Changed:
Carousel no longer shows manual next/prev buttons.
Shows a loading skeleton while images are loading.
How to Test:
Visit any page with the image carousel (e.g., homepage).
On slow connections, a colored skeleton bar appears before images load.
Carousel auto-rotates images. - Search Input & Filter UI
What Changed:
Filter dropdowns and search buttons have improved spacing, truncation, and accessibility.
How to Test:
Use the header search on both car and auto parts pages.
On car pages, typing and submitting navigates to the search page.
Filter dropdowns should look cleaner and handle long text better. - Product List & Card UI
What Changed:
Product and auto parts cards now have more consistent font sizes and hover underline on titles.
"Price Negotiable" and "Price Fixed" are no longer links.
How to Test:
Browse product and auto parts lists.
Hover over product titles to see underline.
Check price labels for correct text and no links. - Dashboard Purchase History Loading
What Changed:
Dashboard purchase history now shows a large spinner while loading, instead of a skeleton table.
How to Test:
Go to /user/dashboard.
While purchase history loads, a large spinner appears. - General Layout & Spacing
What Changed:
Improved spacing and font sizes across company profile, filter, and product detail pages.
Minor accessibility and focus improvements for buttons and links.
How to Test:
Browse various pages (company profile, search, product details).
Check for consistent spacing, readable text, and clear focus states.
Updated by Nazmul Hossain Shovon 7 months ago
- % Done changed from 0 to 10
ref:
https://github.com/pqsjapan/frontendV1.1/commit/c9d467fad97d4d9c3db8c26157bf32e9388d31c3
Summary of Key Changes:
- Enhanced error handling for password reset forms by adding Zod validation try/catch blocks and user-friendly error messages.
- Updated SignInForm to stop submission on validation failure and changed button text from "Sign in" to "Login".
- Removed manual navigation buttons from the Carousel component, leaving only auto-rotation.
- Fixed HamburgerMenu so clicking a menu item closes the menu.
Updated by Md.Sajib Ahmed 7 months ago
- % Done changed from 10 to 20
Here is the github commit message
Updated by Nazmul Hossain Shovon 7 months ago
- % Done changed from 20 to 60
ref:
https://github.com/pqsjapan/frontendV1.1/commit/1bff0153d8c464b483dfa22723c2adb384dabccf
Summary of Key Changes:
- Footer Auth Links:
- Moved "Sign In" and "Sign Up" links out of the main footer menu to a dedicated AuthMenuOptions component, shown only for unauthenticated users.
- Removed these links from the footer.ts menu options data.
- UI/UX Improvements:
- Adjusted spacing, padding, and gap values across multiple components for better layout consistency (e.g., company profile, filter options, product list card).
- Improved responsive design for filter and search components.
- Search Logic:
- Refined header search input logic for auto parts, ensuring keyword sync with URL and correct value handling.
- Icons & Labels:
- Updated LoginIcon SVG for consistency.
- Changed header button label from "Sign In" to "Login".
- General Refactoring:
- Improved code readability and accessibility, including focus states and button layouts.
Updated by Nazmul Hossain Shovon 7 months ago
- % Done changed from 60 to 90
ref:
https://github.com/pqsjapan/frontendV1.1/commit/e49e11719f1a670aedb8bf3f9704f9432485fecc
Summary of key changes:
- Removed unnecessary Suspense and skeleton from dashboard purchase history; added a custom large spinner for loading state.
- Simplified AuthButtons: removed unused props and CustomButton, improved styling and accessibility.
- Updated product list and auto parts cards: removed redundant links, improved hover styles, and clarified price labels.
- Improved Carousel: added loading skeleton when images are not ready.
- Minor layout and alignment fixes in car details components.
- Added new LargeSpinner component for consistent loading indicators.
- Enhanced CustomButton with better hover/disabled states.
Updated by Nazmul Hossain Shovon 6 months ago
ref:
https://github.com/pqsjapan/frontendV1.1/commit/213b84f68ed168b23176a891a980c86c73ad74d4
Short Summary of Key Changes:
- Extracted the vertical divider into a reusable VerticalDividerCell component for cleaner code in ProductListCard.
- Updated the global 404 handler to redirect to /en/not-found instead of rendering the previous 404 UI.
Updated by Nazmul Hossain Shovon 6 months ago
- Estimated time changed from 18:00 h to 20:00 h
Updated by Nazmul Hossain Shovon 6 months ago
- % Done changed from 90 to 100
ref:
https://github.com/pqsjapan/frontendV1.1/commit/fe8207a9479febdae15e9cbae01f3f8205a20941
Short Summary of Key Changes:
- Refactored price range logic in the sidebar to generate dynamic price ranges (e.g., "$4500-$5000" up to "$20000-$25000") and updated how price data is passed to the filter card.
- Modified dynamicProductSection.tsx to handle price range parsing from the make parameter and adjusted query construction accordingly.
- Commented out the customerId requirement in the account-history API route and updated the related hook to call the endpoint without a customerId.
- Minor UI fix in FilterCard.tsx for better alignment of filter items.
Updated by Nazmul Hossain Shovon 6 months ago
- Estimated time changed from 20:00 h to 26:00 h
ref:
https://github.com/pqsjapan/frontendV1.1/commit/80d490af2922cc3d65a1c790fa115263f8489a56
Summary of Key Changes:
- Removed unnecessary React imports from multiple components.
- Replaced "Login" text with "Sign In" across authentication pages, buttons, and forms for consistency.
- Enhanced breadcrumb and page title logic for better dynamic labeling and handling of digit/hyphen cases.
- Improved FAQ item interaction by adding cursor pointer and click handler.
- Updated export stats and satisfaction numbers in "HowToBuyStats".
- Minor UI adjustments: fixed table width in product cards, added padding/background to sections, and improved image fallback handling.
Updated by Nazmul Hossain Shovon 6 months ago
- Status changed from In Progress to Complete
Actions