import 'package:flutter/material.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:flutter_svg/svg.dart'; import 'package:stackwallet/models/contact.dart'; import 'package:stackwallet/models/contact_address_entry.dart'; import 'package:stackwallet/pages/address_book_views/subviews/add_address_book_entry_view.dart'; import 'package:stackwallet/pages/address_book_views/subviews/address_book_filter_view.dart'; import 'package:stackwallet/providers/global/address_book_service_provider.dart'; import 'package:stackwallet/providers/providers.dart'; import 'package:stackwallet/providers/ui/address_book_providers/address_book_filter_provider.dart'; import 'package:stackwallet/utilities/assets.dart'; import 'package:stackwallet/utilities/constants.dart'; import 'package:stackwallet/utilities/enums/coin_enum.dart'; import 'package:stackwallet/utilities/text_styles.dart'; import 'package:stackwallet/utilities/theme/stack_colors.dart'; import 'package:stackwallet/widgets/address_book_card.dart'; import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart'; import 'package:stackwallet/widgets/icon_widgets/x_icon.dart'; import 'package:stackwallet/widgets/loading_indicator.dart'; import 'package:stackwallet/widgets/rounded_white_container.dart'; import 'package:stackwallet/widgets/stack_text_field.dart'; import 'package:stackwallet/widgets/textfield_icon_button.dart'; import 'package:stackwallet/utilities/util.dart'; class AddressBookView extends ConsumerStatefulWidget { const AddressBookView({Key? key, this.coin}) : super(key: key); static const String routeName = "/addressBook"; final Coin? coin; @override ConsumerState createState() => _AddressBookViewState(); } class _AddressBookViewState extends ConsumerState { late TextEditingController _searchController; final _searchFocusNode = FocusNode(); List? _cache; List? _cacheFav; String _searchTerm = ""; @override void initState() { _searchController = TextEditingController(); ref.refresh(addressBookFilterProvider); if (widget.coin == null) { List coins = Coin.values.where((e) => !(e == Coin.epicCash)).toList(); coins.remove(Coin.firoTestNet); bool showTestNet = ref.read(prefsChangeNotifierProvider).showTestNetCoins; if (showTestNet) { ref.read(addressBookFilterProvider).addAll(coins, false); } else { ref.read(addressBookFilterProvider).addAll( coins.getRange(0, coins.length - kTestNetCoinCount + 1), false); } } else { ref.read(addressBookFilterProvider).add(widget.coin!, false); } WidgetsBinding.instance.addPostFrameCallback((_) async { List addresses = []; final managers = ref.read(walletsChangeNotifierProvider).managers; for (final manager in managers) { addresses.add( ContactAddressEntry( coin: manager.coin, address: await manager.currentReceivingAddress, label: "Current Receiving", other: manager.walletName, ), ); } final self = Contact( name: "My Stack", addresses: addresses, isFavorite: true, id: "default", ); await ref.read(addressBookServiceProvider).editContact(self); }); super.initState(); } @override void dispose() { _searchController.dispose(); _searchFocusNode.dispose(); super.dispose(); } @override Widget build(BuildContext context) { debugPrint("BUILD: $runtimeType"); final addressBookEntriesFuture = ref.watch( addressBookServiceProvider.select((value) => value.addressBookEntries)); return Scaffold( backgroundColor: Theme.of(context).extension()!.background, appBar: AppBar( leading: AppBarBackButton( onPressed: () { Navigator.of(context).pop(); }, ), title: Text( "Address book", style: STextStyles.navBarTitle(context), ), actions: [ Padding( padding: const EdgeInsets.only( top: 10, bottom: 10, right: 10, ), child: AspectRatio( aspectRatio: 1, child: AppBarIconButton( key: const Key("addressBookFilterViewButton"), size: 36, shadows: const [], color: Theme.of(context).extension()!.background, icon: SvgPicture.asset( Assets.svg.filter, color: Theme.of(context) .extension()! .accentColorDark, width: 20, height: 20, ), onPressed: () { Navigator.of(context).pushNamed( AddressBookFilterView.routeName, ); }, ), ), ), Padding( padding: const EdgeInsets.only( top: 10, bottom: 10, right: 10, ), child: AspectRatio( aspectRatio: 1, child: AppBarIconButton( key: const Key("addressBookAddNewContactViewButton"), size: 36, shadows: const [], color: Theme.of(context).extension()!.background, icon: SvgPicture.asset( Assets.svg.plus, color: Theme.of(context) .extension()! .accentColorDark, width: 20, height: 20, ), onPressed: () { Navigator.of(context).pushNamed( AddAddressBookEntryView.routeName, ); }, ), ), ), ], ), body: LayoutBuilder( builder: (builderContext, constraints) { return Padding( padding: const EdgeInsets.only( left: 12, top: 12, right: 12, ), child: SingleChildScrollView( child: ConstrainedBox( constraints: BoxConstraints( minHeight: constraints.maxHeight - 24, ), child: IntrinsicHeight( child: Padding( padding: const EdgeInsets.all(4), child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ ClipRRect( borderRadius: BorderRadius.circular( Constants.size.circularBorderRadius, ), child: TextField( autocorrect: Util.isDesktop ? false : true, enableSuggestions: Util.isDesktop ? false : true, controller: _searchController, focusNode: _searchFocusNode, onChanged: (value) { setState(() { _searchTerm = value; }); }, style: STextStyles.field(context), decoration: standardInputDecoration( "Search", _searchFocusNode, context, ).copyWith( prefixIcon: Padding( padding: const EdgeInsets.symmetric( horizontal: 10, vertical: 16, ), child: SvgPicture.asset( Assets.svg.search, width: 16, height: 16, ), ), suffixIcon: _searchController.text.isNotEmpty ? Padding( padding: const EdgeInsets.only(right: 0), child: UnconstrainedBox( child: Row( children: [ TextFieldIconButton( child: const XIcon(), onTap: () async { setState(() { _searchController.text = ""; }); }, ), ], ), ), ) : null, ), ), ), const SizedBox( height: 16, ), Text( "Favorites", style: STextStyles.smallMed12(context), ), const SizedBox( height: 12, ), FutureBuilder( future: addressBookEntriesFuture, builder: (_, AsyncSnapshot> snapshot) { if (snapshot.connectionState == ConnectionState.done && snapshot.hasData) { _cacheFav = snapshot.data!; } if (_cacheFav == null) { // TODO proper loading animation return const LoadingIndicator(); } else { if (_cacheFav!.isNotEmpty) { return RoundedWhiteContainer( padding: const EdgeInsets.all(0), child: Column( children: [ ..._cacheFav! .where((element) => element.addresses .where((e) => ref.watch( addressBookFilterProvider .select((value) => value .coins .contains(e.coin)))) .isNotEmpty) .where((e) => e.isFavorite && ref .read( addressBookServiceProvider) .matches(_searchTerm, e)) .where( (element) => element.isFavorite) .map( (e) => AddressBookCard( key: Key( "favContactCard_${e.id}_key"), contactId: e.id, ), ), ], ), ); } else { return RoundedWhiteContainer( child: Center( child: Text( "Your favorite contacts will appear here", style: STextStyles.itemSubtitle(context), ), ), ); } } }, ), const SizedBox( height: 16, ), Text( "All contacts", style: STextStyles.smallMed12(context), ), const SizedBox( height: 12, ), FutureBuilder( future: addressBookEntriesFuture, builder: (_, AsyncSnapshot> snapshot) { if (snapshot.connectionState == ConnectionState.done && snapshot.hasData) { _cache = snapshot.data!; } if (_cache == null) { // TODO proper loading animation return const LoadingIndicator(); } else { if (_cache!.isNotEmpty) { return RoundedWhiteContainer( padding: const EdgeInsets.all(0), child: Column( children: [ ..._cache! .where((element) => element.addresses .where((e) => ref.watch( addressBookFilterProvider .select((value) => value .coins .contains(e.coin)))) .isNotEmpty) .where((e) => ref .read(addressBookServiceProvider) .matches(_searchTerm, e)) .where( (element) => !element.isFavorite) .map( (e) => AddressBookCard( key: Key( "contactCard_${e.id}_key"), contactId: e.id, ), ), ], ), ); } else { return RoundedWhiteContainer( child: Center( child: Text( "Your contacts will appear here", style: STextStyles.itemSubtitle(context), ), ), ); } } }, ), ], ), ), ), ), ), ); }, ), ); } }