feat(jobs-and-clients): implement Jobs and Clients dashboard UI#118
Open
code-sensei wants to merge 16 commits intojanhesters:mainfrom
Open
feat(jobs-and-clients): implement Jobs and Clients dashboard UI#118code-sensei wants to merge 16 commits intojanhesters:mainfrom
code-sensei wants to merge 16 commits intojanhesters:mainfrom
Conversation
- Create /jobs-and-clients route under organization slug - Add placeholder JobsAndClientsPage component - Add English and German translations for breadcrumb and page title
- Define interfaces for FunnelUpdate, AgendaItem, CalendarEvent, AIMessage - Define interfaces for ContextualAction, HiringGoal, PipelineStat - Create mock data for all dashboard sections (5 funnel updates, 5 agenda items) - Add 2 calendar events, AI conversation messages, and contextual actions
- Create responsive grid layout for dashboard sections - Add AI Assistant panel (visible on desktop, sheet on mobile) - Add floating action button for mobile AI panel trigger - Use Shadcn Card, Button, Sheet, and Separator components - Update UrgentFunnelUpdates to use Shadcn Button for accessibility
- Added Briefcase icon from Lucide for the nav item - Updated NavGroup types to accept both Tabler and Lucide icons - Added translations for EN and DE
- Implement Daily Agenda with interactive checkbox list and dynamic date - Implement Calendar View using react-big-calendar with date-fns localizer - Add react-big-calendar and date-fns dependencies - Custom styling for calendar to match app theme
- Implement Hiring Goals card with progress indicator - Add Shadcn Progress component - Uses Target icon from Lucide
- Implement Quick Stats card with pipeline metrics - Show trending indicators with percentage change - Uses BarChart3, TrendingUp, TrendingDown icons from Lucide
- Implement AI Assistant Panel with chat UI and contextual actions - Use fixed positioning for desktop to keep panel visible while scrolling - Add mobile FAB and Sheet for smaller screens
… compact Daily Agenda
- Document database schema and entity relationships - Outline data flow with component-level loading states - Describe calendar integration and AI assistant implementation - Add AI usage declaration and learning outcomes
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Submission from Babangida
This PR implements the Jobs and Clients dashboard UI based on the provided mockup.
What's Included
Dashboard Components:
Technical Implementation:
README Documentation
The feature includes a detailed README (
app/features/jobs-and-clients/README.md) outlining how I would implement the full logic in production:Notes