Prevent Status filter reset with ref flag and add suppressHeaderMenuButton
- Added suppressHeaderMenuButton to all columns that should hide filter icons - Improved isInternalChangeRef timing to prevent circular updates - Enhanced CSS s...
Prevent Status filter reset and improve filter icon hiding
- Added isInternalChangeRef to prevent circular updates in Status and SubStatus filters - Updated CSS selectors to better hide filter menu buttons and icons - F...
Remove extra Box wrapper that was breaking grid display
- Removed nested Box wrapper that was preventing grid from rendering - Moved CSS styles directly to the outer Box wrapper - Grid should now display leads correc...
Remove dependency from Sub Status filter useEffect to fix reactivity
Improve Sub Status filter reactivity and hide filter icons with CSS
- Remove getStatusFilterValue dependency from useEffect to prevent stale closures - Add CSS rules to hide filter menu button icons for Lead ID, Contact, Status,...
Properly enable Sub Status dropdown and remove all filter icons
- Add hasStatusFilter state to SubStatusFloatingFilter to track status filter changes - Add filterChanged event listener to immediately detect when Status filte...
Properly enable Sub Status dropdown and remove filter icons
- Fix Sub Status dropdown to be enabled when Status filter is selected (removed options.length check from disabled condition) - Add menuTabs: [] to Lead ID, Con...
Enable Sub Status dropdown when Status is selected and remove filter icons
- Fix Sub Status dropdown to be enabled when a Status filter is selected - Remove filter icons (suppressHeaderMenuButton) from Lead ID, Contact, Status, Sub Sta...
Improve filter behavior and styling
- Sub Status dropdown now only shows sub-statuses for selected Status filter - Sub Status dropdown is disabled when no Status is selected - Auto-set Status filt...
Improve dropdown filter styling and functionality
- Align all dropdown filters to the left with 5px padding above - Add StatusFloatingFilter component with icons in dropdown menu items - Icons appear to the lef...
Add Status column with icons and dynamic Sub Status filter
- Add Status column before Sub Status with icons (Fresh, Reckoning, Farm, Grim, Void) - Create StatusRenderer component that displays status with appropriate ic...
Resolve TypeScript type errors in DropdownFloatingFilter
- Change ExtendedParams to use intersection type instead of extending IFloatingFilterParams - Use type assertion for parentFilterInstance callback parameter - M...
Resolve ESLint errors in DropdownFloatingFilter component
- Add displayName to FloatingFilterComponent - Remove unused ref parameter - Replace any types with proper TypeScript interfaces - Add ExtendedParams interface ...
Add dropdown floating filters and set Lead ID width to 300px
- Create custom DropdownFloatingFilter component for Sub Status, Vendor, Product, Source, and Agent columns - Set Lead ID column width to 300px (was 120px) - Ad...
Change filter values from functions to arrays for dropdown display
- Change filterParams values from functions to direct arrays - AG Grid set filters require values as arrays, not functions - This should fix dropdown filters no...
Improve pinned rows alignment and add dropdown filters
- Change Lead ID padding from 50px to 45px in pinned rows - Center align score cells in pinned rows to match main grid - Add dropdown filters (agSetColumnFilter...
Apply 50px padding only to Lead ID column in pinned rows - Change CSS selector from first-of-type to col-id=leadID to target only Lead ID column - Prevents padding from being applied to Contact and Actions columns - Pinned rows are already integrated into main datagrid via pinnedTopRowData
Align pinned rows with main list cells
- Add 50px padding-left to first cell (Lead ID) in pinned rows for account icon alignment - Compensate for 4px red border by moving pinned row left with marginL...
Replace any type with proper LeadWithAccount interface
- Create LeadWithAccount interface extending Lead with optional accountId - Replace any type assertion with LeadWithAccount type - Fixes ESLint error: Unexpecte...
Add account association icon to Lead ID column
- Add AccountCircle icon (filled) for leads associated with accounts - Add AccountCircleOutlined icon (outlined) for leads not associated with accounts - Icons ...
Remove incorrect useMemo wrapper from ReportsPane component
- Remove erroneous }, []); closing bracket that was causing syntax error - ReportsPane is a regular function component, not wrapped in useMemo
Integrate reports into lead view pane
- Load reports directly into lead view pane instead of separate page - Create ReportsPane component with all 8 reports fully built out - Switch between ReportsP...
Replace Grid components with Box to fix MUI Grid API compatibility
Update first row tabs and add reports page
- Update first row tabs to: Activity Summary | Residential Mortgages | Commercial Real Estate Loans - Add report buttons on right side of first row tabs with to...
Update row 2 tabs with All Leads and Selected
- Add All Leads and Selected tabs to row 2 - Default to Fresh tab (index 2) when page opens - Add List icon for All Leads and CheckCircle icon for Selected - Sh...
Add padding to main container to prevent tab panels from touching walls
Add padding and status tab colors
- Add padding to product tabs Card and CardContent - Add color-coded status tabs: Fresh (green), Reckoning (blue), Farm (orange), Grim (red), Void (gray) - Upda...
Restructure leads page tabs and filtering
- Add floating Row 1 tabs: Residential Mortgages | Commercial Real Estate Loans - Add Row 2 status tabs with icons: Fresh | Reckoning | Farm | Grim | Void - Rem...
Prevent table row movement and redrawing on checkbox selection
- Disable animateRows to prevent visual movement when rows are selected - Batch state updates in onSelectionChanged using requestAnimationFrame - Memoize pinned...
Remove manual checkboxes from IdRenderer
- Remove manually added checkbox input from IdRenderer - Rely on AG Grid's built-in checkbox selection functionality - Checkboxes will be handled automatically ...
Change Grim status icon from raven.svg to raven.ico
- Update icon path from /icon/raven.svg to /icon/raven.ico - Keep red color filter (#ef4444) applied to icon - Icon size remains 18px to match other status icon...
Ensure raven.svg icon is properly displayed for Grim status
- Verify path /icon/raven.svg correctly references public/icon/raven.svg - Add display flex to ensure proper rendering - CSS filter applied to make icon red (#e...
Use custom raven.svg icon for Grim status
- Replace Dangerous icon with custom raven.svg from /public/icon/ - Apply CSS filter to make raven icon red (#ef4444) to match Grim status theme - Remove unused...
Update status icons - gavel for Reckoning, Dangerous for Grim
- Change Reckoning icon from Assignment to Gavel (judicial/legal theme) - Change Grim icon from Block to Dangerous (grim reaper/death theme) - Dangerous icon re...
Fix contact column vertical alignment and add checkboxes to pinned rows
- Add height: 100% and justifyContent: center to Contact column for vertical middle alignment - Manually add checkbox input to IdRenderer to ensure checkboxes a...
Improve contact field spacing, status alignment, and pinned rows
- Reduce gap between name and email in Contact field from 0.25 to 0 (with lineHeight adjustments) - Vertically align status field content to middle with flex al...
Improve status column and contact field styling
- Set Status column to fixed 300px width - Add status icons (NewReleases for Fresh, Assignment for Reckoning, Agriculture for Farm, Block for Grim, Cancel for V...
Vertically center urgent badge in Contact column
- Change alignItems from 'flex-start' to 'center' for vertical alignment - Remove mt: 0.25 margin-top as it's no longer needed with center alignment
Move urgent badge from Lead ID to Contact column
- Remove urgent badge from IdRenderer - Add urgent badge to ContactRenderer, positioned to the left of contact info - Badge now appears next to contact name/ema...
Resolve ESLint errors in LeadManager
- Change 'let filtered' to 'const filtered' (prefer-const) - Replace 'any' types with proper PinnedLead interface - Remove unused PushPin import - Add explicit ...
Add pinned urgent leads functionality to datagrid
- Add pinned rows feature (default 5 rows) for latest urgent contact leads - Pinned rows always visible at top regardless of filters or sorting - Modern styling...
Update status column to show parent > child format and use enum-based mock data
- Update mock data generation to use actual status/sub-status pairs from Java enum - Change "Sub Status" column header to "Status" - Display status in "{parent}...
Update leads page with status filters, remove phone column, add sub-tabs
- Remove phone number column from leads grid - Increase width of Created and Assigned columns to fit datetime data - Add status and sub-status dropdown filters ...
Add saggy bounce animation to connection lines with arrow heads
- Converted straight lines to curved SVG paths using quadratic bezier curves - Added continuous saggy bounce animation using requestAnimationFrame - Longer conn...
Restore connection dragging functionality between task items
- Fixed startConnection function to properly accept answerIndex parameter - Added SVG rendering for connection lines (both existing and dragging) - Connection l...
Resolve TypeScript type error for react-draggable nodeRef
- Updated nodeRefs Map type to accept RefObject<HTMLDivElement | null> - Added type assertion when passing nodeRef to Draggable component - Fixes build error: T...
Resolve findDOMNode error on tasks page for React 19 compatibility
- Added nodeRef prop to react-draggable components to avoid deprecated findDOMNode - Created ref map to store refs for each draggable item - Added cleanup logic...
Like what you see shipping?
All of it arrives in your workspace on its own. Start on the free plan and read this page again in a month.