Matrix/fluffychat
Matrix/fluffychat
1
0
Fork 0
mirror of https://github.com/krille-chan/fluffychat synced 2024-09-17 08:55:12 +00:00
Code Issues Projects Releases Packages Wiki Activity

style: Make invite page more pretty

Browse source
This commit is contained in:
Krille 2023-02-05 13:08:58 +01:00
parent 5bd0689172
commit f0e765c3ce
2 changed files with 37 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
lib/pages/invitation_selection/invitation_selection.dart
View file

@ -79,7 +79,7 @@ class InvitationSelectionController extends State<InvitationSelection> {
void searchUserWithCoolDown(String text) async { void searchUserWithCoolDown(String text) async {
coolDown?.cancel(); coolDown?.cancel();
coolDown = Timer( coolDown = Timer(
const Duration(seconds: 1), const Duration(milliseconds: 500),
() => searchUser(context, text), () => searchUser(context, text),
); );
} }

51
lib/pages/invitation_selection/invitation_selection_view.dart
View file

@ -28,21 +28,32 @@ class InvitationSelectionView extends StatelessWidget {
.toSegments(['rooms', controller.roomId!]), .toSegments(['rooms', controller.roomId!]),
), ),
titleSpacing: 0, titleSpacing: 0,
title: TextField( title: SizedBox(
autofocus: true, height: 44,
decoration: InputDecoration( child: Padding(
hintText: L10n.of(context)!.inviteContactToGroup(groupName), padding: const EdgeInsets.only(right: 12.0),
suffixIconConstraints: const BoxConstraints( child: TextField(
maxWidth: 48, textInputAction: TextInputAction.search,
maxHeight: 48, decoration: InputDecoration(
minWidth: 48, hintText: L10n.of(context)!.inviteContactToGroup(groupName),
suffixIcon: controller.loading
? const Padding(
padding: EdgeInsets.symmetric(
vertical: 10.0,
horizontal: 12,
),
child: SizedBox.square(
dimension: 24,
child: CircularProgressIndicator.adaptive(
strokeWidth: 2,
),
),
)
: const Icon(Icons.search_outlined),
),
onChanged: controller.searchUserWithCoolDown,
), ),
suffixIcon: controller.loading
? const CircularProgressIndicator.adaptive()
: const Icon(Icons.search_outlined),
contentPadding: const EdgeInsets.symmetric(horizontal: 16),
), ),
onChanged: controller.searchUserWithCoolDown,
), ),
), ),
body: MaxWidthBody( body: MaxWidthBody(
@ -85,8 +96,18 @@ class InvitationSelectionView extends StatelessWidget {
mxContent: contacts[i].avatarUrl, mxContent: contacts[i].avatarUrl,
name: contacts[i].calcDisplayname(), name: contacts[i].calcDisplayname(),
), ),
title: Text(contacts[i].calcDisplayname()), title: Text(
subtitle: Text(contacts[i].id), contacts[i].calcDisplayname(),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
subtitle: Text(
contacts[i].id,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
color: Theme.of(context).colorScheme.secondary),
),
onTap: () => onTap: () =>
controller.inviteAction(context, contacts[i].id), controller.inviteAction(context, contacts[i].id),
), ),