Actions
dev #3606
opendev #3605: [FE] Vendor dashboard
[FE] Talent Approval
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).
Updated by Nazmul Hossain Shovon 5 months ago
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.
Updated by Nazmul Hossain Shovon 5 months ago
- % Done changed from 90 to 100
Updated by Md.Sajib Ahmed 5 months ago
Given suggestions and feedback on the responsive design-related issues.
Suggestions:
- Performance improvement
- Best code practice
- Clean code
Issue:
- Font size mismatch
Updated by Nazmul Hossain Shovon 5 months ago
- Status changed from In Progress to Complete
Actions