Project

General

Profile

Actions

dev #3606

open

dev #3605: [FE] Vendor dashboard

[FE] Talent Approval

Added by Nazmul Hossain Shovon 5 months ago. Updated 5 months ago.

Status:
Complete
Priority:
High
Target version:
Start date:
11/06/2025
Due date:
% Done:

100%

Estimated time:
12:00 h
Spent time:

Description

PR Description
Summary of Changes:

  • Added vendor-specific dashboard layout and navigation, including a new sidebar menu for vendors with items like "Talent Approval", "Resource Management", and "My Profile".
  • Implemented the Talent Approval page (/vendor/dashboard/talent-approval) with stats cards, a search bar, and a grid of talent cards displaying profile info, contact details, and completion progress.
  • Replaced inline SVG search icon with an image component for consistency.
  • Fixed sidebar to conditionally render vendor menu based on user role (currently hardcoded for testing).

Testing Instructions:

  • Log in as a vendor user (ensure userInfo.role === VENDOR_ROLE).
  • Navigate to /vendor/dashboard/talent-approval in the browser.
  • Verify the sidebar displays vendor-specific menu items (e.g., "Talent Approval" should be active/highlighted).
  • Check the page layout: header with title/description, stats cards (Total Resources, Pending Approvals), search bar, and grid of talent cards.
  • Interact with the search bar (type to filter talents) and review buttons on each card.
  • Test responsiveness on different screen sizes (mobile, tablet, desktop).
Actions #1

Updated by Nazmul Hossain Shovon 5 months ago

ref:
https://gitlabce.softekocms.com/in-house-products/algonyx/frontend/-/commit/065222bd2200d3b9a58291a23c3e97685e38a42e

Short Summary of Key Changes

  • Added TalentApproval.tsx: A new React component for the vendor dashboard, featuring stats cards (total resources and pending approvals), a search bar, and a responsive grid layout for talent cards using sample data.
  • Added TalentCard.tsx: A reusable component for individual talent profiles, including profile image, contact details (phone, email, registration date), a completion progress bar, and a "Review" button with primary gradient styling.
  • Introduced TalentData interface for type safety and a SearchIcon SVG component for the search functionality.
Actions #2

Updated by Nazmul Hossain Shovon 5 months ago

  • Description updated (diff)
Actions #4

Updated by Md.Sajib Ahmed 5 months ago

Given suggestions and feedback on the responsive design-related issues.

Suggestions:

  1. Performance improvement
  2. Best code practice
  3. Clean code

Issue:

  1. Font size mismatch
Actions #5

Updated by Nazmul Hossain Shovon 5 months ago

  • Status changed from In Progress to Complete
Actions

Also available in: Atom PDF