stack_wallet/lib/widgets/address_book_card.dart

186 lines
5.8 KiB
Dart
Raw Normal View History

2022-08-26 08:11:35 +00:00
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_svg/svg.dart';
import 'package:stackwallet/models/contact.dart';
2022-08-26 08:11:35 +00:00
import 'package:stackwallet/pages/address_book_views/subviews/contact_popup.dart';
import 'package:stackwallet/providers/global/address_book_service_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';
2022-11-17 16:12:59 +00:00
import 'package:stackwallet/widgets/conditional_parent.dart';
import 'package:stackwallet/widgets/expandable.dart';
2022-08-26 08:11:35 +00:00
import 'package:stackwallet/widgets/rounded_white_container.dart';
class AddressBookCard extends ConsumerStatefulWidget {
const AddressBookCard({
Key? key,
required this.contactId,
this.indicatorDown,
2022-11-17 17:10:26 +00:00
this.desktopSendFrom = true,
}) : super(key: key);
2022-08-26 08:11:35 +00:00
final String contactId;
2022-11-17 16:12:59 +00:00
final ExpandableState? indicatorDown;
2022-11-17 17:10:26 +00:00
final bool desktopSendFrom;
2022-08-26 08:11:35 +00:00
@override
ConsumerState<AddressBookCard> createState() => _AddressBookCardState();
}
class _AddressBookCardState extends ConsumerState<AddressBookCard> {
late final String contactId;
late final bool isDesktop;
2022-11-17 17:10:26 +00:00
late final bool desktopSendFrom;
2022-08-26 08:11:35 +00:00
@override
void initState() {
contactId = widget.contactId;
2022-11-17 17:10:26 +00:00
desktopSendFrom = widget.desktopSendFrom;
isDesktop = Util.isDesktop;
2022-08-26 08:11:35 +00:00
super.initState();
}
@override
Widget build(BuildContext context) {
// provider hack to prevent trying to update widget with deleted contact
Contact? _contact;
try {
_contact = ref.watch(addressBookServiceProvider
.select((value) => value.getContactById(contactId)));
} catch (_) {
return Container();
}
2022-08-26 08:11:35 +00:00
final contact = _contact!;
2022-08-26 08:11:35 +00:00
final List<Coin> coins = [];
for (var element in contact.addresses) {
if (!coins.contains(element.coin)) {
coins.add(element.coin);
}
}
String coinsString = "";
if (coins.isNotEmpty) {
coinsString = coins[0].ticker;
for (int i = 1; i < coins.length; i++) {
coinsString += ", ${coins[i].ticker}";
}
}
2022-11-17 16:12:59 +00:00
return ConditionalParent(
condition: !isDesktop,
child: Row(
children: [
Container(
width: 32,
height: 32,
decoration: BoxDecoration(
color: contact.id == "default"
? Theme.of(context)
.extension<StackColors>()!
.myStackContactIconBG
: Theme.of(context)
.extension<StackColors>()!
.textFieldDefaultBG,
borderRadius: BorderRadius.circular(32),
2022-08-26 08:11:35 +00:00
),
2022-11-17 16:12:59 +00:00
child: contact.id == "default"
? Center(
child: SvgPicture.asset(
Assets.svg.stackIcon(context),
width: 20,
),
)
: contact.emojiChar != null
2022-08-26 08:11:35 +00:00
? Center(
2022-11-17 16:12:59 +00:00
child: Text(contact.emojiChar!),
)
: Center(
2022-08-26 08:11:35 +00:00
child: SvgPicture.asset(
2022-11-17 16:12:59 +00:00
Assets.svg.user,
width: 18,
2022-08-26 08:11:35 +00:00
),
2022-11-17 16:12:59 +00:00
),
),
const SizedBox(
width: 12,
),
if (isDesktop)
Text(
contact.name,
style: STextStyles.itemSubtitle12(context),
),
if (isDesktop)
const SizedBox(
width: 16,
),
2022-11-17 17:10:26 +00:00
if (isDesktop && !desktopSendFrom) const Spacer(),
2022-11-17 16:12:59 +00:00
if (isDesktop)
Text(
coinsString,
style: STextStyles.label(context),
),
if (!isDesktop)
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
contact.name,
style: STextStyles.itemSubtitle12(context),
),
const SizedBox(
2022-11-17 16:12:59 +00:00
height: 4,
),
Text(
coinsString,
style: STextStyles.label(context),
),
2022-11-17 16:12:59 +00:00
],
),
2022-11-17 17:10:26 +00:00
if (isDesktop && desktopSendFrom) const Spacer(),
if (isDesktop && desktopSendFrom)
2022-11-17 16:12:59 +00:00
SvgPicture.asset(
widget.indicatorDown == ExpandableState.collapsed
? Assets.svg.chevronDown
: Assets.svg.chevronUp,
width: 10,
height: 5,
color: Theme.of(context).extension<StackColors>()!.textSubtitle2,
),
],
),
builder: (child) => RoundedWhiteContainer(
padding: const EdgeInsets.all(4),
child: RawMaterialButton(
// splashColor: Theme.of(context).extension<StackColors>()!.highlight,
padding: const EdgeInsets.all(0),
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(
Constants.size.circularBorderRadius,
),
),
onPressed: () {
showDialog<void>(
context: context,
useSafeArea: true,
barrierDismissible: true,
builder: (_) => ContactPopUp(
contactId: contact.id,
),
);
},
child: Padding(
padding: const EdgeInsets.all(8.0),
child: child,
2022-08-26 08:11:35 +00:00
),
),
),
);
}
}