feat: refactor agent filter sheet to support dynamic API-driven types and update professional card layout

This commit is contained in:
pradeepkumar
2026-04-08 09:42:41 +05:30
parent de58d807ec
commit 6ff1b8e821
3 changed files with 232 additions and 211 deletions

View File

@@ -10,6 +10,7 @@ class AgentFilterSheet extends StatefulWidget {
final String? selectedAgentTypeId;
final void Function(Map<String, List<String>> filters) onApply;
final VoidCallback onClearAll;
final void Function(String? agentTypeId)? onListingTypeChange;
const AgentFilterSheet({
super.key,
@@ -19,6 +20,7 @@ class AgentFilterSheet extends StatefulWidget {
this.selectedAgentTypeId,
required this.onApply,
required this.onClearAll,
this.onListingTypeChange,
});
@override
@@ -28,6 +30,7 @@ class AgentFilterSheet extends StatefulWidget {
class _AgentFilterSheetState extends State<AgentFilterSheet> {
late Map<String, List<String>> _filters;
final Map<String, bool> _expandedSections = {};
String? _selectedAgentTypeId;
@override
void initState() {
@@ -37,6 +40,7 @@ class _AgentFilterSheetState extends State<AgentFilterSheet> {
for (final entry in widget.currentFilters.entries) {
_filters[entry.key] = List<String>.from(entry.value);
}
_selectedAgentTypeId = widget.selectedAgentTypeId;
// Expand all sections by default
for (final field in widget.filterFields) {
_expandedSections[field.slug] = true;
@@ -231,33 +235,47 @@ class _AgentFilterSheetState extends State<AgentFilterSheet> {
);
}
List<Widget> _buildListingTypeChips() {
// Find "Professional" and "Lender" agent types
final types = <_ListingChip>[];
for (final at in widget.agentTypes) {
final name = at.name.toLowerCase();
if (name == 'professional' || name == 'agent') {
types.add(_ListingChip(label: 'Agents', id: at.id));
} else if (name == 'lender') {
types.add(_ListingChip(label: 'Lenders', id: at.id));
}
}
if (types.isEmpty) {
types.add(const _ListingChip(label: 'Agents', id: null));
types.add(const _ListingChip(label: 'Lenders', id: null));
/// Pluralize an agent type name for display (e.g. "Agent" → "Agents",
/// "Lender" → "Lenders", "Property Manager" → "Property Managers").
/// Falls back to the raw name if it's already plural-looking.
String _displayLabel(String name) {
final trimmed = name.trim();
if (trimmed.isEmpty) return trimmed;
final lower = trimmed.toLowerCase();
if (lower.endsWith('s')) return trimmed; // already plural
if (lower.endsWith('y')) {
return '${trimmed.substring(0, trimmed.length - 1)}ies';
}
return '${trimmed}s';
}
return types.map((chip) {
final isSelected = chip.id == widget.selectedAgentTypeId;
List<Widget> _buildListingTypeChips() {
// Render one chip per backend agent type — fully driven by API data
if (widget.agentTypes.isEmpty) return const [];
return widget.agentTypes.map((at) {
final isSelected = at.id == _selectedAgentTypeId;
return Padding(
padding: const EdgeInsets.only(left: 12),
child: Text(
chip.label,
style: TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 18,
fontWeight: isSelected ? FontWeight.w500 : FontWeight.w400,
color: AppColors.primaryDark,
child: GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: () {
setState(() {
// Toggle off when tapping the already-selected chip
_selectedAgentTypeId = isSelected ? null : at.id;
});
widget.onListingTypeChange?.call(_selectedAgentTypeId);
},
child: Text(
_displayLabel(at.name),
style: TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 18,
fontWeight: isSelected ? FontWeight.w700 : FontWeight.w400,
color: isSelected
? AppColors.accentOrange
: AppColors.primaryDark,
),
),
),
);
@@ -322,12 +340,6 @@ class _AgentFilterSheetState extends State<AgentFilterSheet> {
}
}
class _ListingChip {
final String label;
final String? id;
const _ListingChip({required this.label, required this.id});
}
class _FilterOptionsList extends StatefulWidget {
final FilterableField field;
final bool Function(String value) isSelected;