2023-08-05 01:00:46 -04:00
|
|
|
import 'package:awesome_extensions/awesome_extensions.dart';
|
2023-08-04 01:00:38 -04:00
|
|
|
import 'package:fast_immutable_collections/fast_immutable_collections.dart';
|
2023-08-06 19:46:40 -04:00
|
|
|
import 'package:flutter/foundation.dart';
|
2023-07-28 20:36:05 -04:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
2023-08-04 01:00:38 -04:00
|
|
|
import 'package:flutter_translate/flutter_translate.dart';
|
|
|
|
import 'package:searchable_listview/searchable_listview.dart';
|
2023-07-28 20:36:05 -04:00
|
|
|
|
2023-07-29 10:55:35 -04:00
|
|
|
import '../../entities/proto.dart' as proto;
|
2023-08-04 01:00:38 -04:00
|
|
|
import '../tools/tools.dart';
|
|
|
|
import 'contact_item_widget.dart';
|
2023-07-29 10:55:35 -04:00
|
|
|
import 'empty_contact_list_widget.dart';
|
|
|
|
|
|
|
|
class ContactListWidget extends ConsumerWidget {
|
|
|
|
const ContactListWidget({required this.contactList, super.key});
|
2023-08-04 01:00:38 -04:00
|
|
|
final IList<proto.Contact> contactList;
|
2023-07-28 20:36:05 -04:00
|
|
|
|
2023-08-06 19:46:40 -04:00
|
|
|
@override
|
|
|
|
void debugFillProperties(DiagnosticPropertiesBuilder properties) {
|
|
|
|
super.debugFillProperties(properties);
|
|
|
|
properties.add(IterableProperty<proto.Contact>('contactList', contactList));
|
|
|
|
}
|
|
|
|
|
2023-07-28 20:36:05 -04:00
|
|
|
@override
|
|
|
|
// ignore: prefer_expression_function_bodies
|
|
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
2023-08-04 01:00:38 -04:00
|
|
|
final theme = Theme.of(context);
|
|
|
|
final textTheme = theme.textTheme;
|
2023-08-05 01:00:46 -04:00
|
|
|
final scale = theme.extension<ScaleScheme>()!;
|
2023-07-29 10:55:35 -04:00
|
|
|
|
2023-07-28 20:36:05 -04:00
|
|
|
return Container(
|
2023-08-05 01:00:46 -04:00
|
|
|
width: double.infinity,
|
|
|
|
constraints: const BoxConstraints(
|
|
|
|
minHeight: 64,
|
2023-07-28 20:36:05 -04:00
|
|
|
),
|
2023-08-05 01:00:46 -04:00
|
|
|
child: Column(children: [
|
|
|
|
Text(
|
|
|
|
'Contacts',
|
|
|
|
style: textTheme.bodyLarge,
|
|
|
|
).paddingAll(8),
|
|
|
|
Container(
|
|
|
|
width: double.infinity,
|
|
|
|
decoration: ShapeDecoration(
|
|
|
|
color: scale.grayScale.appBackground,
|
|
|
|
shape: RoundedRectangleBorder(
|
|
|
|
borderRadius: BorderRadius.circular(16),
|
|
|
|
)),
|
|
|
|
child: (contactList.isEmpty)
|
|
|
|
? const EmptyContactListWidget().toCenter()
|
|
|
|
: SearchableList<proto.Contact>(
|
2023-08-08 02:03:26 -04:00
|
|
|
autoFocusOnSearch: false,
|
2023-08-05 01:00:46 -04:00
|
|
|
initialList: contactList.toList(),
|
2023-09-21 21:00:58 -04:00
|
|
|
builder: (l, i, c) => ContactItemWidget(contact: c),
|
2023-08-05 01:00:46 -04:00
|
|
|
filter: (value) {
|
|
|
|
final lowerValue = value.toLowerCase();
|
|
|
|
return contactList
|
|
|
|
.where((element) =>
|
|
|
|
element.editedProfile.name
|
|
|
|
.toLowerCase()
|
|
|
|
.contains(lowerValue) ||
|
|
|
|
element.editedProfile.title
|
|
|
|
.toLowerCase()
|
|
|
|
.contains(lowerValue))
|
|
|
|
.toList();
|
|
|
|
},
|
|
|
|
inputDecoration: InputDecoration(
|
|
|
|
labelText: translate('contact_list.search'),
|
|
|
|
fillColor: Colors.white,
|
|
|
|
focusedBorder: OutlineInputBorder(
|
|
|
|
borderSide: const BorderSide(
|
|
|
|
color: Colors.blue,
|
|
|
|
),
|
|
|
|
borderRadius: BorderRadius.circular(10),
|
|
|
|
),
|
|
|
|
),
|
2023-07-28 20:36:05 -04:00
|
|
|
),
|
2023-08-05 01:00:46 -04:00
|
|
|
).expanded()
|
|
|
|
]),
|
|
|
|
).paddingLTRB(8, 0, 8, 65);
|
2023-07-28 20:36:05 -04:00
|
|
|
}
|
|
|
|
}
|