Apply filters manually to filteredRowData instead of using AG Grid filters
- Move all filter logic into filteredRowData useMemo - Apply filters manually before passing data to AG Grid - Remove AG Grid setFilterModel calls since we're f...
Add console log and refreshCells to ensure filters apply
- Add console.log to debug filter model being applied - Call refreshCells after onFilterChanged to force re-render - This should help identify if filters are be...
Properly clear filters when empty and ensure filter model updates correctly
- Explicitly delete filters from model when values are empty - Trim filter values to handle whitespace - Get current filter model first to preserve other filter...
Position filter row below header and ensure filters apply
- Move filter row to top: 48px (below header) instead of top: 0 - Add paddingTop: 48px to AgGridReact to account for filter row - Set floatingFiltersHeight to 0...
Align filter row with columns and fix status filter
- Position filter row absolutely in floating filters space (48px height) - Add syncFilterRowWidths function to match column widths dynamically - Sync widths on ...
Replace AG Grid floating filters with custom filter row
- Remove all floatingFilterComponent references from columnDefs - Set floatingFilter: false on all columns - Create custom filter row above grid with full contr...
Use ref to store filter value and prevent AG Grid from resetting it
- Store current value in valueRef to persist across re-renders - Use isUserChangeRef to prevent sync effect from overriding user changes - Read initial model fr...
Remove onFloatingFilterChanged callback and improve CSS to hide filter icons
- Do not register onFloatingFilterChanged callback to prevent AG Grid from resetting value - Added comprehensive CSS rules to hide filter menu buttons and icons...
Correct DropdownFloatingFilter params and add statusFilterValue to Status filter
Correct filterParams type access and add statusFilterValue to params
Use customParams for filterParams access and add statusFilterValue to params
Make Status filter controlled and sync with status tabs
- Added statusFilterValue state to control Status filter dropdown - Status filter now syncs with activeStatusTab when tabs are clicked - Filter value is now con...
Prevent header refresh and maintain filter value with ref
- Use currentValueRef to track and persist filter value - Remove refreshHeader() call that was causing header to hide/reappear - Only update value from callback...
Properly track filter updates to prevent Status filter reset
- Use isUpdatingRef flag to track when we're making changes - Only allow parent model changes to update value if we're not updating - Initialize filter value fr...
Prevent filter reset with no-op callback and hide icons with menuTabs
- Register no-op onFloatingFilterChanged callback to prevent AG Grid from resetting filter value - Use menuTabs: [] instead of suppressHeaderMenuButton to hide ...
New approach for Status filter and filter icons
- Removed onFloatingFilterChanged callback to prevent circular updates - Store filter instance in ref and update directly - Added global CSS rules in globals.cs...
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
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.