Re-Quest/mobile-app
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Limit professional expertise tags to three with a "more" pill and implement save button state management for profile settings based on field changes.

Browse Source
This commit is contained in:
pradeepkumar
2026-03-20 17:05:43 +05:30
parent ea7c003e6a
commit 6fe21e3e3c
3 changed files with 40 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
lib/features/home/presentation/widgets/top_professionals_section.dart
View File

@@ -428,7 +428,7 @@ class _TopProfessionalsSectionState
const SizedBox(height: 8),
],
// Expertise tags
// Expertise tags (max 3 visible + "more" pill)
if (expertiseTags.isNotEmpty) ...[
const Text(
'Expertise:',
@@ -444,10 +444,27 @@ class _TopProfessionalsSectionState
alignment: WrapAlignment.start,
spacing: 6,
runSpacing: 6,
children: expertiseTags
.take(6)
.map((tag) => _buildTag(tag))
.toList(),
children: [
...expertiseTags.take(3).map((tag) => _buildTag(tag)),
if (expertiseTags.length > 3)
Container(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15),
color: AppColors.accentOrange.withValues(alpha: 0.1),
border: Border.all(color: AppColors.accentOrange, width: 0.7),
),
child: Text(
'+${expertiseTags.length - 3} more',
style: const TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 13,
fontWeight: FontWeight.w600,
color: AppColors.accentOrange,
),
),
),
],
),
const SizedBox(height: 12),
],