Files
buzz/mobile/lib/features/activity/activity_page/lists.dart
klopez4212 857e63c4dd Polish mobile composer and messaging UI (#3918)
## Summary

- Refine the mobile composer with compact and expanded states, shared
footer fades, haptics, reliable keyboard dismissal, and full-width
camera and photo surfaces.
- Standardize popovers, filters, and section menus with consistent type,
strokes, radii, spacing, icons, and destructive styling.
- Align message presentation with desktop through consistent system
rows, typing and loading feedback, emoji placement, and predictable
photo viewing.

## Validation

- `just mobile-check`
- `just mobile-test` — 1,037 passed, 1 skipped
- Tested on Pixel 10 and a connected iPhone

## Snapshots

<table>
  <tr>
    <td align="center">Compact composer</td>
    <td align="center">Attachment menu</td>
    <td align="center">Recent photos</td>
  </tr>
  <tr>
<td><img
src="https://raw.githubusercontent.com/block/buzz/9732022cb13bb39ce797c4faaa714fe4c924955f/pr-3918--01-compact-composer.png"
width="260" /></td>
<td><img
src="https://raw.githubusercontent.com/block/buzz/9732022cb13bb39ce797c4faaa714fe4c924955f/pr-3918--02-attachment-menu.png"
width="260" /></td>
<td><img
src="https://raw.githubusercontent.com/block/buzz/9732022cb13bb39ce797c4faaa714fe4c924955f/pr-3918--03-photo-surface.png"
width="260" /></td>
  </tr>
</table>

---------

Signed-off-by: kenny lopez <klopez4212@gmail.com>
2026-08-03 07:30:23 -07:00

166 lines
5.1 KiB
Dart

part of '../activity_page.dart';
/// Reminders surface for the Reminders filter — due/pending NIP-ER
/// reminders that deep-link to their target message.
class _RemindersList extends ConsumerWidget {
final void Function(Reminder reminder) onOpen;
final Future<void> Function() onRefresh;
const _RemindersList({required this.onOpen, required this.onRefresh});
@override
Widget build(BuildContext context, WidgetRef ref) {
final remindersAsync = ref.watch(remindersProvider);
final reminders = [
for (final r in remindersAsync.value ?? const <Reminder>[])
if (r.status == 'pending') r,
];
if (remindersAsync.isLoading && reminders.isEmpty) {
return const Center(
child: BuzzLoadingIndicator(
size: 44,
semanticLabel: 'Loading reminders',
),
);
}
if (reminders.isEmpty) {
return const _EmptySurface(
icon: LucideIcons.clock,
message: 'No reminders',
detail: 'Reminders you set will show up here.',
);
}
final now = DateTime.now().millisecondsSinceEpoch ~/ 1000;
return RefreshIndicator(
onRefresh: onRefresh,
child: ListView.builder(
padding: _activityScrollPadding(context),
itemCount: reminders.length,
itemBuilder: (context, index) {
final reminder = reminders[index];
final due = reminder.isDue(now);
final title = reminder.note?.trim().isNotEmpty == true
? reminder.note!.trim()
: reminder.target?.preview ?? 'Reminder';
return ListTile(
key: ValueKey('reminder-row-${reminder.id}'),
leading: Icon(
due ? LucideIcons.bellRing : LucideIcons.clock,
size: 20,
color: due
? context.colors.primary
: context.colors.onSurfaceVariant,
),
title: Text(title, maxLines: 2, overflow: TextOverflow.ellipsis),
subtitle: reminder.notBefore != null
? Text(
due
? 'Due now'
: 'Due ${_inboxTimestamp(reminder.notBefore!)}',
)
: null,
onTap: () => onOpen(reminder),
);
},
),
);
}
}
/// Drafts surface for the Drafts filter — locally saved unsent composer
/// text that reopens the target composer.
class _DraftsList extends StatelessWidget {
final List<ComposeDraft> drafts;
final Map<String, Channel> channelById;
final String? myPubkey;
final void Function(ComposeDraft draft) onOpen;
final void Function(ComposeDraft draft) onDelete;
const _DraftsList({
required this.drafts,
required this.channelById,
required this.myPubkey,
required this.onOpen,
required this.onDelete,
});
@override
Widget build(BuildContext context) {
if (drafts.isEmpty) {
return const _EmptySurface(
icon: LucideIcons.filePen,
message: 'No drafts',
detail: 'Unsent messages you start composing will show up here.',
);
}
return ListView.builder(
padding: _activityScrollPadding(context),
itemCount: drafts.length,
itemBuilder: (context, index) {
final draft = drafts[index];
final channel = channelById[draft.channelId];
final destination = channel == null
? 'Unavailable channel'
: channel.isDm
? resolveDmChannelDisplayLabel(channel, currentPubkey: myPubkey)
: '#${channel.name}';
return ListTile(
key: ValueKey('draft-row-${draft.key}'),
leading: Icon(
LucideIcons.filePen,
size: 20,
color: context.colors.onSurfaceVariant,
),
title: Text(draft.text, maxLines: 2, overflow: TextOverflow.ellipsis),
subtitle: Text(
draft.threadHeadId != null ? 'Thread in $destination' : destination,
),
trailing: IconButton(
icon: const Icon(LucideIcons.trash2, size: 18),
tooltip: 'Delete draft',
onPressed: () => onDelete(draft),
),
onTap: () => onOpen(draft),
);
},
);
}
}
/// Inbox list timestamp — desktop's `formatInboxTimestamp`:
/// time today, "Yesterday", short date this year, dated otherwise.
String _inboxTimestamp(int unixSeconds, {DateTime? now}) {
final current = now ?? DateTime.now();
final date = DateTime.fromMillisecondsSinceEpoch(unixSeconds * 1000);
final today = DateTime(current.year, current.month, current.day);
final day = DateTime(date.year, date.month, date.day);
final dayDiff = today.difference(day).inDays;
if (dayDiff == 0) {
final hour = date.hour % 12 == 0 ? 12 : date.hour % 12;
final minute = date.minute.toString().padLeft(2, '0');
return '$hour:$minute ${date.hour < 12 ? 'AM' : 'PM'}';
}
if (dayDiff == 1) return 'Yesterday';
const months = [
'Jan',
'Feb',
'Mar',
'Apr',
'May',
'Jun',
'Jul',
'Aug',
'Sep',
'Oct',
'Nov',
'Dec',
];
final label = '${months[date.month - 1]} ${date.day}';
return date.year == current.year ? label : '$label, ${date.year}';
}