Files
sepot/app/lib/features/profile/contact_profile_screen.dart
Julius Joska 5246a97db2 feat(app): redesigned interface, polls, drafts, forwarding and mentions
A new look across the app and a set of everyday messaging features.

Interface
- Home screen with Chats, Contacts and Settings tabs, a large title,
  search across chats and message text (diacritics-insensitive), filters
  and pinned chats.
- Conversation view with a translucent header and composer, grouped
  bubbles, author avatars and colours in groups, swipe to reply, an
  "N new messages" marker, a jump-to-latest button and in-chat search.
- Contact and group profiles: verification, shared photos, groups in
  common, disappearing messages, mute, block; members, admin badges,
  adding people, rename and leave for groups.
- Full-screen photo viewer that pages through the whole conversation.
- A stable avatar colour per person and a clearly visible read state.

Messaging
- Polls in chats and groups, single or multiple choice, with votes that
  can be changed or withdrawn; older clients see them as text.
- Drafts survive leaving a chat and show in the chat list.
- Forwarding of messages, photos, files and voice messages.
- Notes to self: a local-only, encrypted chat that never reaches the
  relay.
- @mentions in groups that notify even when the group is muted.
- Typing indicators sent as ephemeral messages, opt-in and mutual like
  read receipts.
- Delivery and read times per message and per group member.
- Profile photos, cropped, resized and stripped of metadata, delivered
  encrypted to contacts.
- Voice message playback at 1.5x and 2x.
- Call buttons in 1:1 chats and call log entries.

Fixes
- Muted groups no longer notify: muting was checked against the
  author's chat instead of the group.
- A blocked contact could unblock itself by changing its delivery
  address.
- Read receipts no longer regress to delivered when a late delivery
  receipt arrives.
- A message marked as failed corrects itself once it is delivered.
- Double ticks in groups now mean delivered to every member.
2026-10-03 22:44:53 +02:00

235 lines
8.3 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:sepot/core/l10n/l10n.dart';
import 'package:sepot/core/theme/app_theme.dart';
import 'package:sepot/features/conversation/chat_actions.dart';
import 'package:sepot/features/profile/profile_widgets.dart';
import 'package:sepot/providers/contacts_provider.dart';
import 'package:sepot/providers/conversations_provider.dart';
import 'package:sepot/providers/groups_provider.dart';
import 'package:sepot/widgets/avatar.dart';
/// Profil kontaktu: kdo to je, jestli je ověřený, co jsme si poslali,
/// ve kterých skupinách jsme spolu a nastavení konverzace.
class ContactProfileScreen extends ConsumerWidget {
const ContactProfileScreen({
super.key,
required this.contactId,
this.fromChat = false,
});
final String contactId;
/// Otevřeno z hlavičky chatu — „Zpráva“ se jen vrátí, nic nepřidá
/// do zásobníku obrazovek.
final bool fromChat;
@override
Widget build(BuildContext context, WidgetRef ref) {
final l10n = context.l10n;
final contact = (ref.watch(contactsProvider).valueOrNull ?? const [])
.where((c) => c.publicIdentity.id == contactId)
.firstOrNull;
final conv = ref.watch(conversationProvider(contactId)).valueOrNull;
final groups = (ref.watch(groupsProvider).valueOrNull ?? const [])
.where((g) => !g.left && g.memberIds.contains(contactId))
.toList();
if (contact == null) {
return Scaffold(
appBar: AppBar(),
body: Center(child: Text(l10n.commonUnknownContact)),
);
}
final name = contactLabel(context, contact);
final muted = conv?.isMuted ?? false;
void openChat({bool search = false}) {
if (fromChat) {
Navigator.of(context).pop(search ? ProfileResult.openSearch : null);
} else {
context.push('/conversation/$contactId${search ? '?search=1' : ''}');
}
}
return Scaffold(
body: ListView(
padding: EdgeInsets.zero,
children: [
ProfileHero(
avatar: Container(
padding: const EdgeInsets.all(4),
decoration: BoxDecoration(
shape: BoxShape.circle,
border: Border.all(
color: contact.verified
? SepotColors.sage
: SepotColors.border,
width: 2,
),
),
child: SepotAvatar(
name: name,
seed: contactId,
size: 108,
verified: contact.verified,
),
),
title: name,
lines: [
SelectableText(
contact.publicIdentity.fingerprint.short,
style: const TextStyle(
fontFamily: kFontMono,
fontSize: 13,
color: SepotColors.textSecondary,
),
),
_VerificationLine(
verified: contact.verified,
onVerify: () => context.push('/verify/$contactId'),
),
],
),
Padding(
padding: const EdgeInsets.fromLTRB(16, 16, 16, 32),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Row(
children: [
ProfileAction(
icon: Icons.chat_bubble_outline_rounded,
label: l10n.profileMessage,
accent: true,
onTap: contact.blocked ? null : openChat,
),
const SizedBox(width: 8),
ProfileAction(
icon: Icons.search_rounded,
label: l10n.profileSearch,
onTap: () => openChat(search: true),
),
const SizedBox(width: 8),
ProfileAction(
icon: muted
? Icons.notifications_active_outlined
: Icons.notifications_off_outlined,
label: muted ? l10n.profileUnmute : l10n.chatListMute,
onTap: conv == null
? null
: () => ref
.read(conversationsProvider.notifier)
.setMuted(contactId, !muted)
.then((_) => ref
.invalidate(conversationProvider(contactId))),
),
const SizedBox(width: 8),
ProfileAction(
icon: Icons.timer_outlined,
label: l10n.profileDisappearing,
onTap: () =>
configureDisappearing(context, ref, contactId),
),
],
),
const SizedBox(height: 14),
if (conv != null) ...[
SharedMediaCard(messages: conv.messages),
const SizedBox(height: 14),
],
if (groups.isNotEmpty) ...[
ProfileCard(
title: l10n.profileCommonGroups,
trailing: '${groups.length}',
children: [
for (final g in groups)
ProfileRow(
leading: SepotGroupAvatar(seed: g.id, size: 38),
label: g.name,
subtitle: l10n.groupsMemberCount(g.memberIds.length),
onTap: () => context.push('/conversation/${g.id}'),
),
],
),
const SizedBox(height: 14),
],
ProfileCard(
children: [
ProfileRow(
label: l10n.chatDisappearingMessages,
value:
disappearingLabel(context, conv?.disappearAfterSeconds),
onTap: () =>
configureDisappearing(context, ref, contactId),
),
ProfileRow(
label: l10n.profileSafetyNumber,
subtitle: contact.verified
? l10n.verifyVerified
: l10n.profileSafetyNumberHint,
onTap: () => context.push('/verify/$contactId'),
),
],
),
const SizedBox(height: 14),
ProfileCard(
children: [
ProfileRow(
label: contact.blocked
? l10n.chatMenuUnblockContact
: l10n.chatMenuBlockContact,
danger: !contact.blocked,
onTap: () => setContactBlocked(
context, ref, contact, !contact.blocked),
),
if (!contact.blocked)
ProfileRow(
label: l10n.reportAndBlock,
danger: true,
onTap: () => reportAndBlock(context, ref, contact),
),
],
),
],
),
),
],
),
);
}
}
class _VerificationLine extends StatelessWidget {
const _VerificationLine({required this.verified, required this.onVerify});
final bool verified;
final VoidCallback onVerify;
@override
Widget build(BuildContext context) {
if (verified) {
return Row(
mainAxisSize: MainAxisSize.min,
children: [
const Icon(Icons.verified_user_outlined,
size: 16, color: SepotColors.sage),
const SizedBox(width: 6),
Text(context.l10n.profileVerifiedInPerson,
style: const TextStyle(
fontSize: 13,
fontWeight: FontWeight.w600,
color: SepotColors.sage)),
],
);
}
return TextButton.icon(
onPressed: onVerify,
icon: const Icon(Icons.shield_outlined, size: 16),
label: Text(context.l10n.profileVerifyNow),
);
}
}