AG Grid 플로팅 필터를 사용자 지정 필터 행으로 교체
- columnDefs의 모든 FloatingFilterComponent 참조 제거 - FloatingFilter 설정: 모든 열에 false - 완전한 통제를 가진 격자의 위 주문 여과기 줄을 창조하십시오 - 모든 필터 값 (leadId, 접촉, 상태, subStatus, 공급 업체,...
필터값을 저장하고 AG Grid를 재설정하여 사용
- re-renders의 persist에 valueRef에 있는 현재값을 저장하십시오 - use isUserChangeRef 를 사용하여 sync effect를 overriding user changes 에서 방지하기 - 필터 인스턴스에서 초기 모델을 읽기 - 항상 valueRef.cu...
OnFloatingFilterChanged 콜백을 제거하고 CSS를 개선하여 필터 아이콘을 숨깁니다
- ONFloatingFilterChanged 콜백을 등록하지 마십시오. - 필터 메뉴 버튼과 아이콘을 숨기는 종합 CSS 규칙 추가 - 아이콘이 숨겨져 있는지 확인하기 위한 다중 선택기 변형 추가 - 필터 재설정을 방지하고 모든 필터 아이콘 숨기기
잘못된 DropdownFloating Filter params 및 StatusFilterValue를 상태 필터에 추가
FilterParams를 위한 customParams를 이용하고 params에 statusFilterValue를 추가하십시오
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...
패딩 및 상태 탭 색상 추가
- 제품 탭 카드 및 CardContent에 패딩 추가 - 색상 코드 상태 탭 추가: 신선한 (녹색), 재koning (파란색), 농장 (오렌지), Grim (빨강), Void (회색) - 선택된 상태 탭과 일치하는 탭 표시기 색상 업데이트 - AG Grid Container에서 중복 ...
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...