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

feat: Implement expandable expertise tags on the agent detail screen and adjust chat screen lifecycle to clear active conversation in deactivate.

Browse Source
This commit is contained in:
pradeepkumar
2026-03-20 02:42:01 +05:30
parent 38423d1586
commit cbb9034424
4 changed files with 101 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
lib/features/agents/presentation/screens/agent_detail_screen.dart
View File

@@ -742,33 +742,7 @@ class _AgentDetailScreenState extends ConsumerState<AgentDetailScreen> {
// Expertise tags (matching web ProfileCard)
if (state.expertiseTags.isNotEmpty) ...[
const SizedBox(height: 14),
Wrap(
alignment: WrapAlignment.center,
spacing: 8,
runSpacing: 8,
children: state.expertiseTags
.map((tag) => Container(
padding: const EdgeInsets.symmetric(
horizontal: 12, vertical: 5),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15),
border: Border.all(
color: AppColors.primaryDark,
width: 0.7,
),
),
child: Text(
tag,
style: const TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 14,
fontWeight: FontWeight.w400,
color: AppColors.primaryDark,
),
),
))
.toList(),
),
_ExpandableTagsWrap(tags: state.expertiseTags),
],
// Bio with Show More / Show Less
if (state.descriptionText.isNotEmpty) ...[
@@ -1225,6 +1199,81 @@ class _AgentDetailScreenState extends ConsumerState<AgentDetailScreen> {
// ── Expandable Chips Section ──
class _ExpandableTagsWrap extends StatefulWidget {
final List<String> tags;
final int initialCount;
const _ExpandableTagsWrap({required this.tags, this.initialCount = 6});
@override
State<_ExpandableTagsWrap> createState() => _ExpandableTagsWrapState();
}
class _ExpandableTagsWrapState extends State<_ExpandableTagsWrap> {
bool _expanded = false;
@override
Widget build(BuildContext context) {
final displayTags =
_expanded ? widget.tags : widget.tags.take(widget.initialCount).toList();
final hasMore = widget.tags.length > widget.initialCount;
return Column(
children: [
Wrap(
alignment: WrapAlignment.center,
spacing: 8,
runSpacing: 8,
children: displayTags
.map((tag) => Container(
padding:
const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15),
border: Border.all(
color: AppColors.primaryDark,
width: 0.7,
),
),
child: Text(
tag,
style: const TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 14,
fontWeight: FontWeight.w400,
color: AppColors.primaryDark,
),
),
))
.toList(),
),
if (hasMore) ...[
const SizedBox(height: 10),
GestureDetector(
onTap: () => setState(() => _expanded = !_expanded),
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15),
border: Border.all(color: AppColors.accentOrange, width: 0.7),
),
child: Text(
_expanded ? 'Show Less' : 'Show More',
style: const TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 10,
fontWeight: FontWeight.w700,
color: AppColors.accentOrange,
),
),
),
),
],
],
);
}
}
class _ExpandableChipsSection extends StatefulWidget {
final String title;
final List<String> items;

16
lib/features/agents/presentation/screens/agent_search_screen.dart
View File

@@ -675,10 +675,11 @@ class _AgentCardState extends State<_AgentCard> {
// Specialization tags
if (specializations.isNotEmpty) ...[
Wrap(
spacing: 8,
runSpacing: 8,
alignment: WrapAlignment.start,
spacing: 6,
runSpacing: 6,
children: specializations
.take(8)
.take(6)
.map((tag) => _buildTag(tag))
.toList(),
),
@@ -797,18 +798,21 @@ class _AgentCardState extends State<_AgentCard> {
Widget _buildTag(String label) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
height: 28,
padding: const EdgeInsets.symmetric(horizontal: 10),
alignment: Alignment.center,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15),
borderRadius: BorderRadius.circular(14),
border: Border.all(color: AppColors.primaryDark, width: 0.7),
),
child: Text(
label,
style: const TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 14,
fontSize: 13,
fontWeight: FontWeight.w400,
color: AppColors.primaryDark,
height: 1,
),
),
);