ClientProject #3326
Updated by Nazmul Hossain Shovon 6 months ago
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.