chore: Improve ignore list UX

This commit is contained in:
Christian Kußowski 2025-09-19 09:56:47 +02:00
commit 21a1ceb19e
No known key found for this signature in database
GPG key ID: E067ECD60F1A0652
2 changed files with 62 additions and 74 deletions

View file

@ -47,6 +47,7 @@ class SettingsIgnoreListController extends State<SettingsIgnoreList> {
context: context, context: context,
future: () => Matrix.of(context).client.ignoreUser(userId), future: () => Matrix.of(context).client.ignoreUser(userId),
); );
setState(() {});
controller.clear(); controller.clear();
} }

View file

@ -1,9 +1,6 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:matrix/matrix.dart';
import 'package:fluffychat/l10n/l10n.dart'; import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/widgets/avatar.dart';
import 'package:fluffychat/widgets/future_loading_dialog.dart'; import 'package:fluffychat/widgets/future_loading_dialog.dart';
import 'package:fluffychat/widgets/layouts/max_width_body.dart'; import 'package:fluffychat/widgets/layouts/max_width_body.dart';
import '../../widgets/matrix.dart'; import '../../widgets/matrix.dart';
@ -26,84 +23,74 @@ class SettingsIgnoreListView extends StatelessWidget {
), ),
body: MaxWidthBody( body: MaxWidthBody(
withScrolling: false, withScrolling: false,
child: Column( child: StreamBuilder(
mainAxisSize: MainAxisSize.min, stream: client.onSync.stream.where(
children: [ (syncUpdate) =>
Padding( syncUpdate.accountData?.any(
padding: const EdgeInsets.all(16.0), (accountData) => accountData.type == 'm.ignored_user_list',
child: Column( ) ??
mainAxisSize: MainAxisSize.min, false,
children: [ ),
TextField( builder: (context, asyncSnapshot) {
controller: controller.controller, if (client.prevBatch == null) {
autocorrect: false, return const Center(child: CircularProgressIndicator.adaptive());
textInputAction: TextInputAction.done, }
onSubmitted: (_) => controller.ignoreUser(context), return Column(
decoration: InputDecoration( mainAxisSize: MainAxisSize.min,
errorText: controller.errorText, children: [
hintText: '@bad_guy:domain.abc', Padding(
floatingLabelBehavior: FloatingLabelBehavior.always, padding: const EdgeInsets.all(16.0),
labelText: L10n.of(context).blockUsername, child: Column(
suffixIcon: IconButton( mainAxisSize: MainAxisSize.min,
tooltip: L10n.of(context).block, children: [
icon: const Icon(Icons.add), TextField(
onPressed: () => controller.ignoreUser(context), controller: controller.controller,
), autocorrect: false,
), textInputAction: TextInputAction.done,
), onSubmitted: (_) => controller.ignoreUser(context),
const SizedBox(height: 16), decoration: InputDecoration(
Text( errorText: controller.errorText,
L10n.of(context).blockListDescription, hintText: '@bad_guy:domain.abc',
style: const TextStyle(color: Colors.orange), floatingLabelBehavior: FloatingLabelBehavior.always,
), labelText: L10n.of(context).blockUsername,
], suffixIcon: IconButton(
), tooltip: L10n.of(context).block,
), icon: const Icon(Icons.add),
Divider( onPressed: () => controller.ignoreUser(context),
color: theme.dividerColor,
),
Expanded(
child: StreamBuilder<Object>(
stream: client.onSync.stream.where(
(syncUpdate) =>
syncUpdate.accountData?.any(
(accountData) =>
accountData.type == 'm.ignored_user_list',
) ??
false,
),
builder: (context, snapshot) {
return ListView.builder(
itemCount: client.ignoredUsers.length,
itemBuilder: (c, i) => FutureBuilder<Profile>(
future:
client.getProfileFromUserId(client.ignoredUsers[i]),
builder: (c, s) => ListTile(
leading: Avatar(
mxContent: s.data?.avatarUrl ?? Uri.parse(''),
name: s.data?.displayName ?? client.ignoredUsers[i],
),
title: Text(
s.data?.displayName ?? client.ignoredUsers[i],
),
subtitle:
Text(s.data?.userId ?? client.ignoredUsers[i]),
trailing: IconButton(
tooltip: L10n.of(context).delete,
icon: const Icon(Icons.delete_outlined),
onPressed: () => showFutureLoadingDialog(
context: context,
future: () =>
client.unignoreUser(client.ignoredUsers[i]),
), ),
), ),
), ),
const SizedBox(height: 16),
Text(
L10n.of(context).blockListDescription,
style: const TextStyle(color: Colors.orange),
),
],
),
),
Divider(
color: theme.dividerColor,
),
Expanded(
child: ListView.builder(
itemCount: client.ignoredUsers.length,
itemBuilder: (c, i) => ListTile(
title: Text(client.ignoredUsers[i]),
trailing: IconButton(
tooltip: L10n.of(context).delete,
icon: const Icon(Icons.delete_outlined),
onPressed: () => showFutureLoadingDialog(
context: context,
future: () =>
client.unignoreUser(client.ignoredUsers[i]),
),
),
), ),
); ),
}, ),
), ],
), );
], },
), ),
), ),
); );