Merge pull request 'Empty state for Recipient Address Book' (#110) from SEND007 into main

Reviewed-on: #110
This commit was merged in pull request #110.
This commit is contained in:
2025-12-17 11:48:07 +00:00
16 changed files with 117 additions and 45 deletions

View File

@@ -6,8 +6,8 @@ import 'package:pshared/models/recipient/recipient.dart';
import 'package:pshared/provider/organizations.dart';
import 'package:pshared/provider/recipient/pmethods.dart';
import 'package:pweb/pages/dashboard/payouts/single/adress_book/avatar.dart';
import 'package:pweb/pages/dashboard/payouts/single/adress_book/long_list/info_row.dart';
import 'package:pweb/pages/dashboard/payouts/single/address_book/avatar.dart';
import 'package:pweb/pages/dashboard/payouts/single/address_book/long_list/info_row.dart';
import 'package:pweb/utils/payment/label.dart';

View File

@@ -2,14 +2,14 @@ import 'package:flutter/material.dart';
import 'package:pshared/models/recipient/recipient.dart';
import 'package:pweb/pages/dashboard/payouts/single/adress_book/long_list/item.dart';
import 'package:pweb/pages/dashboard/payouts/single/address_book/long_list/item.dart';
class LongListAdressBookPayout extends StatelessWidget {
class LongListAddressBookPayout extends StatelessWidget {
final List<Recipient> filteredRecipients;
final ValueChanged<Recipient>? onSelected;
const LongListAdressBookPayout({
const LongListAddressBookPayout({
super.key,
required this.filteredRecipients,
this.onSelected,

View File

@@ -0,0 +1,18 @@
import 'package:flutter/material.dart';
class AddressBookPlaceholder extends StatelessWidget {
final String text;
const AddressBookPlaceholder({required this.text});
@override
Widget build(BuildContext context) => Center(
child: Text(
text,
style: Theme.of(context).textTheme.titleMedium,
textAlign: TextAlign.center,
),
);
}

View File

@@ -1,14 +1,14 @@
import 'package:flutter/material.dart';
import 'package:pshared/models/recipient/recipient.dart';
import 'package:pweb/pages/dashboard/payouts/single/adress_book/avatar.dart';
import 'package:pweb/pages/dashboard/payouts/single/address_book/avatar.dart';
class ShortListAdressBookPayout extends StatelessWidget {
class ShortListAddressBookPayout extends StatelessWidget {
final List<Recipient> recipients;
final ValueChanged<Recipient> onSelected;
const ShortListAdressBookPayout({
const ShortListAddressBookPayout({
super.key,
required this.recipients,
required this.onSelected,

View File

@@ -6,25 +6,26 @@ import 'package:pshared/models/recipient/recipient.dart';
import 'package:pshared/provider/recipient/provider.dart';
import 'package:pweb/pages/address_book/page/search.dart';
import 'package:pweb/pages/dashboard/payouts/single/adress_book/long_list/widget.dart';
import 'package:pweb/pages/dashboard/payouts/single/adress_book/short_list.dart';
import 'package:pweb/pages/dashboard/payouts/single/address_book/long_list/widget.dart';
import 'package:pweb/pages/dashboard/payouts/single/address_book/placeholder.dart';
import 'package:pweb/pages/dashboard/payouts/single/address_book/short_list.dart';
import 'package:pweb/generated/i18n/app_localizations.dart';
class AdressBookPayout extends StatefulWidget {
class AddressBookPayout extends StatefulWidget {
final ValueChanged<Recipient> onSelected;
const AdressBookPayout({
const AddressBookPayout({
super.key,
required this.onSelected,
});
@override
State<AdressBookPayout> createState() => _AdressBookPayoutState();
State<AddressBookPayout> createState() => _AddressBookPayoutState();
}
class _AdressBookPayoutState extends State<AdressBookPayout> {
class _AddressBookPayoutState extends State<AddressBookPayout> {
static const double _expandedHeight = 400;
static const double _collapsedHeight = 200;
static const double _cardMargin = 1;
@@ -58,6 +59,8 @@ class _AdressBookPayoutState extends State<AdressBookPayout> {
Widget build(BuildContext context) {
final loc = AppLocalizations.of(context)!;
final provider = context.watch<RecipientsProvider>();
final recipients = provider.recipients;
final filteredRecipients = provider.filteredRecipients;
if (provider.isLoading) {
return const Center(child: CircularProgressIndicator());
@@ -87,15 +90,19 @@ class _AdressBookPayoutState extends State<AdressBookPayout> {
),
const SizedBox(height: _spacingBetween),
Expanded(
child: _isExpanded
? LongListAdressBookPayout(
filteredRecipients: provider.filteredRecipients,
onSelected: widget.onSelected,
)
: ShortListAdressBookPayout(
recipients: provider.recipients,
onSelected: widget.onSelected,
),
child: recipients.isEmpty
? AddressBookPlaceholder(text: loc.noRecipientsYet)
: _isExpanded && filteredRecipients.isEmpty
? AddressBookPlaceholder(text: loc.noRecipientsFound)
: _isExpanded
? LongListAddressBookPayout(
filteredRecipients: filteredRecipients,
onSelected: widget.onSelected,
)
: ShortListAddressBookPayout(
recipients: recipients,
onSelected: widget.onSelected,
),
),
],
),
@@ -103,4 +110,4 @@ class _AdressBookPayoutState extends State<AdressBookPayout> {
),
);
}
}
}

View File

@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
import 'package:pshared/models/recipient/recipient.dart';
import 'package:pweb/pages/dashboard/payouts/single/adress_book/avatar.dart';
import 'package:pweb/pages/dashboard/payouts/single/address_book/avatar.dart';
class RecipientHeader extends StatelessWidget{

View File

@@ -3,7 +3,7 @@ import 'package:flutter/material.dart';
import 'package:pshared/models/payment/type.dart';
import 'package:pshared/models/recipient/recipient.dart';
import 'package:pweb/pages/dashboard/payouts/single/adress_book/widget.dart';
import 'package:pweb/pages/dashboard/payouts/single/address_book/widget.dart';
import 'package:pweb/pages/dashboard/payouts/single/new_recipient/payout.dart';
@@ -25,7 +25,7 @@ class SinglePayoutForm extends StatelessWidget {
return Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
AdressBookPayout(onSelected: onRecipientSelected),
AddressBookPayout(onSelected: onRecipientSelected),
const SizedBox(height: _spacingBetweenAddressAndForm),
SinglePayout(onGoToPayment: onGoToPayment),
const SizedBox(height: _bottomSpacing),