comunes/tane
1
0
Fork 0
Code Issues Pull requests Projects Releases 7 Packages Wiki Activity Actions

feat(market): saved searches with in-app alerts (Wallapop-style)

Browse source 
Save the current market search (query + facets) and get notified when a
matching offer appears in your zone while the app is open, with a catch-up
scan on start. Adds a save affordance in the search bar, a saved-searches
list (apply/delete) with a per-search new-match badge, an AppBar entry
badged with the unseen total, and notification-tap routing to the list.
Alerts evaluate against the user's current area, dedup via seen keys, and
skip own/blocked/hidden/non-active offers. en+es strings.
This commit is contained in:
vjrj 2026-07-17 13:10:52 +02:00
parent c0cd299408
commit 93028c4933
9 changed files with 549 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

93
apps/app_seeds/lib/ui/market_screen.dart
View file

@ -8,6 +8,7 @@ import '../i18n/strings.g.dart';
import '../services/coarse_location.dart';
import '../services/discovery_area.dart';
import '../services/offer_outbox.dart';
import '../services/saved_searches_store.dart';
import '../services/social_connection.dart';
import '../services/social_service.dart';
import '../services/social_settings.dart';
@ -18,6 +19,7 @@ import 'edge_fade.dart';
import 'filter_chips.dart';
import 'market_gate.dart';
import 'market_widgets.dart';
import 'saved_searches_screen.dart';
import 'theme.dart';
/// The market (redesign screens 04/05): discover seeds shared near you. Opens
@ -31,12 +33,22 @@ class MarketScreen extends StatefulWidget {
this.location,
this.outbox,
this.onboarding,
this.savedSearches,
this.initialSearch,
super.key,
});
final SocialService social;
final SocialSettings settings;
/// Optional store of the user's saved searches (with alerts). Null in tests /
/// inventory-only → the save affordance and the saved-searches action hide.
final SavedSearchesStore? savedSearches;
/// When set (arriving from the saved-searches list), the market opens with
/// this search's query and facets already applied.
final SavedSearch? initialSearch;
/// When set, joining the market is gated on a one-time acceptance of the
/// community rules (store UGC policies require it before content is
/// created). Null in tests → no gate.
@ -100,6 +112,9 @@ class _MarketScreenState extends State<MarketScreen> {
await cubit.close();
return;
}
// Arriving from the saved-searches list: pre-apply its query and facets.
final initial = widget.initialSearch;
if (initial != null) cubit.applySavedSearch(initial);
final previous = _cubit;
setState(() {
_cubit = cubit;
@ -213,6 +228,8 @@ class _MarketScreenState extends State<MarketScreen> {
appBar: AppBar(
title: Text(t.market.title),
actions: [
if (widget.savedSearches != null)
SavedSearchesAction(store: widget.savedSearches!),
IconButton(
key: const Key('market.config'),
icon: const Icon(Icons.tune),
@ -240,6 +257,7 @@ class _MarketScreenState extends State<MarketScreen> {
hasArea: _hasArea,
selfPubkey: widget.social.publicKeyHex,
onOfferClosed: _reloadBlocked,
savedSearches: widget.savedSearches,
),
),
);
@ -253,11 +271,15 @@ class MarketBody extends StatelessWidget {
this.hasArea = true,
this.selfPubkey,
this.onOfferClosed,
this.savedSearches,
super.key,
});
final VoidCallback onConfigure;
/// Store for the "save this search" affordance; null → the button hides.
final SavedSearchesStore? savedSearches;
/// Re-opens the connection (for the "can't reach servers" retry).
final VoidCallback? onRetry;
@ -346,6 +368,20 @@ class MarketBody extends StatelessWidget {
decoration: InputDecoration(
hintText: t.market.searchHint,
prefixIcon: const Icon(Icons.search, color: seedMuted),
// Offer to save the current search once it's worth alerting on
// (some text typed or a chip active), never for the bare list.
suffixIcon: savedSearches != null &&
(state.query.trim().isNotEmpty ||
state.hasActiveFilter)
? IconButton(
key: const Key('market.saveSearch'),
icon: const Icon(Icons.bookmark_add_outlined,
color: seedGreen),
tooltip: t.savedSearches.save,
onPressed: () =>
_saveCurrentSearch(context, savedSearches!, state),
)
: null,
hintStyle: const TextStyle(color: seedMuted),
filled: true,
fillColor: Colors.white,
@ -405,6 +441,63 @@ class MarketBody extends StatelessWidget {
}
}
/// Prompts for a name, then saves the current query + facets as a search the
/// user will be alerted about. Offers already visible are seeded as "seen" so
/// saving never immediately alerts about listings the user is looking at.
Future<void> _saveCurrentSearch(
BuildContext context,
SavedSearchesStore store,
OffersState state,
) async {
final t = context.t;
final messenger = ScaffoldMessenger.of(context);
final defaultLabel = state.query.trim();
final controller = TextEditingController(text: defaultLabel);
final label = await showDialog<String>(
context: context,
builder: (context) => AlertDialog(
title: Text(t.savedSearches.save),
content: TextField(
controller: controller,
autofocus: true,
decoration: InputDecoration(
labelText: t.savedSearches.nameLabel,
hintText: t.savedSearches.namePlaceholder,
),
onSubmitted: (v) => Navigator.of(context).pop(v),
),
actions: [
TextButton(
onPressed: () => Navigator.of(context).pop(),
child: Text(t.common.cancel),
),
FilledButton(
onPressed: () => Navigator.of(context).pop(controller.text),
child: Text(t.common.save),
),
],
),
);
if (label == null) return; // cancelled
final trimmed = label.trim();
final search = SavedSearch(
id: IdGen().newId(),
label: trimmed.isEmpty ? t.savedSearches.title : trimmed,
query: state.query.trim(),
types: state.typeFilter,
categories: state.categoryFilter,
organicOnly: state.organicOnly,
createdAt: DateTime.now().millisecondsSinceEpoch,
);
await store.save(
search,
seedSeenKeys: [
for (final o in state.visibleOffers) SavedSearchesStore.keyOf(o),
],
);
messenger.showSnackBar(SnackBar(content: Text(t.savedSearches.saved)));
}
/// One discovered offer. Human words for the reciprocity mode; coarse "near you"
/// instead of any precise location; price only when it's a sale.
class _OfferCard extends StatelessWidget {

282
apps/app_seeds/lib/ui/saved_searches_screen.dart Normal file
View file

@ -0,0 +1,282 @@
import 'dart:async';
import 'package:commons_core/commons_core.dart';
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import '../i18n/strings.g.dart';
import '../services/saved_searches_store.dart';
import 'market_widgets.dart';
import 'theme.dart';
/// The Wallapop-style "Saved searches": queries the user asked to be alerted
/// about. Tapping one runs it in the market (applying its query and facets);
/// each shows a badge when new matching offers have arrived while the app was
/// open. Delete removes the search and its alerts.
class SavedSearchesScreen extends StatefulWidget {
const SavedSearchesScreen({required this.store, super.key});
final SavedSearchesStore store;
@override
State<SavedSearchesScreen> createState() => _SavedSearchesScreenState();
}
class _SavedSearchesScreenState extends State<SavedSearchesScreen> {
List<SavedSearch>? _searches;
Map<String, int> _newCounts = const {};
StreamSubscription<void>? _changesSub;
@override
void initState() {
super.initState();
_changesSub = widget.store.changes.listen((_) => _load());
_load();
}
@override
void dispose() {
_changesSub?.cancel();
super.dispose();
}
Future<void> _load() async {
final searches = await widget.store.list();
final counts = <String, int>{
for (final s in searches) s.id: await widget.store.newMatchCount(s.id),
};
if (!mounted) return;
setState(() {
_searches = searches;
_newCounts = counts;
});
}
/// Runs [search] in the market: mark it seen (clears its badge), then open the
/// market with the search applied.
Future<void> _open(SavedSearch search) async {
await widget.store.markViewed(search.id);
if (!mounted) return;
context.go('/market', extra: search);
}
Future<void> _confirmDelete(SavedSearch search) async {
final t = context.t;
final ok = await showDialog<bool>(
context: context,
builder: (context) => AlertDialog(
content: Text(t.savedSearches.deleteConfirm),
actions: [
TextButton(
onPressed: () => Navigator.of(context).pop(false),
child: Text(t.common.cancel),
),
FilledButton(
onPressed: () => Navigator.of(context).pop(true),
child: Text(t.savedSearches.delete),
),
],
),
);
if (ok == true) await widget.store.remove(search.id);
}
@override
Widget build(BuildContext context) {
final t = context.t;
final searches = _searches;
return Scaffold(
appBar: AppBar(title: Text(t.savedSearches.title)),
body: searches == null
? const Center(child: CircularProgressIndicator())
: searches.isEmpty
? _Empty(text: t.savedSearches.empty)
: ListView.separated(
padding: const EdgeInsets.all(12),
itemCount: searches.length,
separatorBuilder: (_, _) => const SizedBox(height: 10),
itemBuilder: (context, i) {
final search = searches[i];
return _SavedSearchCard(
search: search,
newCount: _newCounts[search.id] ?? 0,
onOpen: () => _open(search),
onDelete: () => _confirmDelete(search),
);
},
),
);
}
}
/// An AppBar action that opens the saved-searches list, badged with the total
/// number of unseen matches. Stream-driven off the store's [changes], mirroring
/// how [UnreadBadge] tracks unread messages.
class SavedSearchesAction extends StatefulWidget {
const SavedSearchesAction({required this.store, super.key});
final SavedSearchesStore store;
@override
State<SavedSearchesAction> createState() => _SavedSearchesActionState();
}
class _SavedSearchesActionState extends State<SavedSearchesAction> {
int _count = 0;
StreamSubscription<void>? _changesSub;
@override
void initState() {
super.initState();
_changesSub = widget.store.changes.listen((_) => _refresh());
_refresh();
}
@override
void dispose() {
_changesSub?.cancel();
super.dispose();
}
Future<void> _refresh() async {
final count = await widget.store.totalNewMatchCount();
if (!mounted) return;
setState(() => _count = count);
}
@override
Widget build(BuildContext context) {
final t = context.t;
final icon = const Icon(Icons.bookmarks_outlined);
return IconButton(
key: const Key('market.savedSearches'),
icon: _count > 0
? Badge(
label: Text('$_count'),
backgroundColor: seedGreen,
child: icon,
)
: icon,
tooltip: t.savedSearches.openTooltip,
onPressed: () => context.push('/saved-searches'),
);
}
}
class _SavedSearchCard extends StatelessWidget {
const _SavedSearchCard({
required this.search,
required this.newCount,
required this.onOpen,
required this.onDelete,
});
final SavedSearch search;
final int newCount;
final VoidCallback onOpen;
final VoidCallback onDelete;
@override
Widget build(BuildContext context) {
final t = context.t;
final radius = BorderRadius.circular(14);
final facets = _facetSummary(t, search);
return Material(
color: Colors.white,
borderRadius: radius,
child: InkWell(
key: Key('savedSearches.item.${search.id}'),
onTap: onOpen,
borderRadius: radius,
child: Container(
decoration: BoxDecoration(
borderRadius: radius,
border: Border.all(color: seedOutline),
),
padding: const EdgeInsets.all(16),
child: Row(
children: [
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
search.label,
style: const TextStyle(
fontSize: 17,
fontWeight: FontWeight.w500,
color: seedOnSurface,
),
),
if (facets.isNotEmpty) ...[
const SizedBox(height: 4),
Text(
facets,
style: const TextStyle(color: seedMuted, fontSize: 13),
),
],
],
),
),
if (newCount > 0) ...[
Badge(
label: Text(t.savedSearches.newMatchesBadge(n: newCount)),
backgroundColor: seedGreen,
),
const SizedBox(width: 4),
],
IconButton(
key: Key('savedSearches.delete.${search.id}'),
icon: const Icon(Icons.delete_outline, color: seedMuted),
tooltip: t.savedSearches.delete,
onPressed: onDelete,
),
],
),
),
),
);
}
/// A short, human line describing the search's facets (never the raw query,
/// which is already the label by default).
static String _facetSummary(Translations t, SavedSearch s) {
final parts = <String>[
for (final type in s.types) offerTypeLabel(t, type),
...s.categories,
if (s.organicOnly) t.editVariety.organic,
]..removeWhere((e) => e.isEmpty);
return parts.join(' · ');
}
}
class _Empty extends StatelessWidget {
const _Empty({required this.text});
final String text;
@override
Widget build(BuildContext context) {
return Center(
child: Padding(
padding: const EdgeInsets.all(24),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Icon(
Icons.bookmark_border,
size: 64,
color: seedGreen.withValues(alpha: 0.5),
),
const SizedBox(height: 16),
Text(
text,
textAlign: TextAlign.center,
style: Theme.of(context).textTheme.bodyLarge,
),
],
),
),
);
}
}