Project

General

Profile

Actions

ClientProject #3326

open

[SQA] Final Release Issue fix

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

Status:
Complete
Priority:
High
Target version:
Start date:
09/24/2025
Due date:
09/26/2025 (about 7 months late)
% Done:

100%

Estimated time:
26:00 h
Spent time:

Description

doc:
https://docs.google.com/spreadsheets/d/1MZ5JQPRSgbFUrmxYDKCivB614h7cTZeEsv67yQ-S3Ec/edit?gid=755271279#gid=755271279

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.

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. 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.
Actions

Also available in: Atom PDF