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/utilities/util.dart'; import 'package:stackwallet/widgets/address_book_card.dart'; import 'package:stackwallet/widgets/background.dart'; import 'package:stackwallet/widgets/conditional_parent.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/rounded_white_container.dart'; import 'package:stackwallet/widgets/stack_text_field.dart'; import 'package:stackwallet/widgets/textfield_icon_button.dart'; class AddressBookView extends ConsumerStatefulWidget { const AddressBookView({ Key? key, this.coin, this.filterTerm, }) : super(key: key); static const String routeName = "/addressBook"; final Coin? coin; final String? filterTerm; @override ConsumerState createState() => _AddressBookViewState(); } class _AddressBookViewState extends ConsumerState { late TextEditingController _searchController; final _searchFocusNode = FocusNode(); String _searchTerm = ""; @override void initState() { _searchController = TextEditingController(); ref.refresh(addressBookFilterProvider); if (widget.coin == null) { List coins = Coin.values.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), 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 contacts = ref.watch(addressBookServiceProvider.select((value) => value.contacts)); final isDesktop = Util.isDesktop; return ConditionalParent( condition: !isDesktop, builder: (child) { return Background( child: 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: ConstrainedBox( constraints: BoxConstraints( minHeight: MediaQuery.of(context).size.height - 271, ), child: child, ), ), ), ), ), ); }, ), ), ); }, child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ ClipRRect( borderRadius: BorderRadius.circular( Constants.size.circularBorderRadius, ), child: !isDesktop ? 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 = ""; _searchTerm = ""; }); }, ), ], ), ), ) : null, ), ) : null, ), if (!isDesktop) const SizedBox(height: 16), Text( "Favorites", style: STextStyles.smallMed12(context), ), const SizedBox( height: 12, ), if (contacts.isNotEmpty) RoundedWhiteContainer( padding: EdgeInsets.all(!isDesktop ? 0 : 15), child: Column( children: [ ...contacts .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(widget.filterTerm ?? _searchTerm, e)) .where((element) => element.isFavorite) .map( (e) => AddressBookCard( key: Key("favContactCard_${e.id}_key"), contactId: e.id, ), ), ], ), ), if (contacts.isEmpty) 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, ), if (contacts.isNotEmpty) Column( children: [ RoundedWhiteContainer( padding: EdgeInsets.all(!isDesktop ? 0 : 15), child: Padding( padding: const EdgeInsets.all(8.0), child: Column( children: [ ...contacts .where((element) => element.addresses .where((e) => ref.watch( addressBookFilterProvider.select((value) => value.coins.contains(e.coin)))) .isNotEmpty) .where((e) => ref .read(addressBookServiceProvider) .matches(widget.filterTerm ?? _searchTerm, e)) .map( (e) => AddressBookCard( key: Key("desktopContactCard_${e.id}_key"), contactId: e.id, ), ), ], ), ), ), ], ), if (contacts.isEmpty) RoundedWhiteContainer( child: Center( child: Text( "Your contacts will appear here", style: STextStyles.itemSubtitle(context), ), ), ), ], ), ); } }