You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
169 lines
8.1 KiB
169 lines
8.1 KiB
import 'package:cake_wallet/src/screens/dashboard/widgets/anonpay_transaction_row.dart';
|
|
import 'package:cake_wallet/src/screens/dashboard/widgets/order_row.dart';
|
|
import 'package:cake_wallet/themes/extensions/placeholder_theme.dart';
|
|
import 'package:cake_wallet/src/widgets/dashboard_card_widget.dart';
|
|
import 'package:cake_wallet/utils/responsive_layout_util.dart';
|
|
import 'package:cake_wallet/view_model/dashboard/anonpay_transaction_list_item.dart';
|
|
import 'package:cake_wallet/view_model/dashboard/order_list_item.dart';
|
|
import 'package:cw_core/crypto_currency.dart';
|
|
import 'package:cw_core/sync_status.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:cake_wallet/view_model/dashboard/dashboard_view_model.dart';
|
|
import 'package:flutter_mobx/flutter_mobx.dart';
|
|
import 'package:cake_wallet/src/screens/dashboard/widgets/header_row.dart';
|
|
import 'package:cake_wallet/src/screens/dashboard/widgets/date_section_raw.dart';
|
|
import 'package:cake_wallet/src/screens/dashboard/widgets/trade_row.dart';
|
|
import 'package:cake_wallet/src/screens/dashboard/widgets/transaction_raw.dart';
|
|
import 'package:cake_wallet/view_model/dashboard/trade_list_item.dart';
|
|
import 'package:cake_wallet/view_model/dashboard/transaction_list_item.dart';
|
|
import 'package:cake_wallet/view_model/dashboard/date_section_item.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:cake_wallet/routes.dart';
|
|
import 'package:cake_wallet/generated/i18n.dart';
|
|
|
|
class TransactionsPage extends StatelessWidget {
|
|
TransactionsPage({required this.dashboardViewModel});
|
|
|
|
final DashboardViewModel dashboardViewModel;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return GestureDetector(
|
|
onLongPress: () => dashboardViewModel.balanceViewModel.isReversing =
|
|
!dashboardViewModel.balanceViewModel.isReversing,
|
|
onLongPressUp: () => dashboardViewModel.balanceViewModel.isReversing =
|
|
!dashboardViewModel.balanceViewModel.isReversing,
|
|
child: Container(
|
|
color: responsiveLayoutUtil.shouldRenderMobileUI
|
|
? null
|
|
: Theme.of(context).colorScheme.background,
|
|
padding: EdgeInsets.only(top: 24, bottom: 24),
|
|
child: Column(
|
|
children: <Widget>[
|
|
Observer(builder: (_) {
|
|
final status = dashboardViewModel.status;
|
|
if (status is SyncingSyncStatus) {
|
|
return Padding(
|
|
padding: const EdgeInsets.fromLTRB(24, 0, 24, 8),
|
|
child: DashBoardRoundedCardWidget(
|
|
onTap: () => Navigator.of(context).pushNamed(
|
|
Routes.webViewPage,
|
|
arguments: ['', Uri.parse('https://guides.cakewallet.com/docs/bugs-service-status/why_are_my_funds_not_appearing/')]),
|
|
title: S.of(context).syncing_wallet_alert_title,
|
|
subTitle: S.of(context).syncing_wallet_alert_content,
|
|
),
|
|
);
|
|
} else {
|
|
return Container();
|
|
}
|
|
}),
|
|
HeaderRow(dashboardViewModel: dashboardViewModel),
|
|
Expanded(child: Observer(builder: (_) {
|
|
final items = dashboardViewModel.items;
|
|
|
|
return items.isNotEmpty
|
|
? ListView.builder(
|
|
itemCount: items.length,
|
|
itemBuilder: (context, index) {
|
|
final item = items[index];
|
|
|
|
if (item is DateSectionItem) {
|
|
return DateSectionRaw(date: item.date);
|
|
}
|
|
|
|
if (item is TransactionListItem) {
|
|
final transaction = item.transaction;
|
|
|
|
return Observer(
|
|
builder: (_) => TransactionRow(
|
|
onTap: () => Navigator.of(context).pushNamed(
|
|
Routes.transactionDetails,
|
|
arguments: transaction),
|
|
direction: transaction.direction,
|
|
formattedDate: DateFormat('HH:mm')
|
|
.format(transaction.date),
|
|
formattedAmount: item.formattedCryptoAmount,
|
|
formattedFiatAmount: dashboardViewModel
|
|
.balanceViewModel.isFiatDisabled
|
|
? ''
|
|
: item.formattedFiatAmount,
|
|
isPending: transaction.isPending,
|
|
title: item.formattedTitle +
|
|
item.formattedStatus));
|
|
}
|
|
|
|
if (item is AnonpayTransactionListItem) {
|
|
final transactionInfo = item.transaction;
|
|
|
|
return AnonpayTransactionRow(
|
|
onTap: () => Navigator.of(context).pushNamed(
|
|
Routes.anonPayDetailsPage,
|
|
arguments: transactionInfo),
|
|
currency: transactionInfo.fiatAmount != null
|
|
? transactionInfo.fiatEquiv ?? ''
|
|
: CryptoCurrency.fromFullName(
|
|
transactionInfo.coinTo)
|
|
.name
|
|
.toUpperCase(),
|
|
provider: transactionInfo.provider,
|
|
amount: transactionInfo.fiatAmount?.toString() ??
|
|
(transactionInfo.amountTo?.toString() ?? ''),
|
|
createdAt: DateFormat('HH:mm')
|
|
.format(transactionInfo.createdAt),
|
|
);
|
|
}
|
|
|
|
if (item is TradeListItem) {
|
|
final trade = item.trade;
|
|
|
|
return Observer(
|
|
builder: (_) => TradeRow(
|
|
onTap: () => Navigator.of(context).pushNamed(
|
|
Routes.tradeDetails,
|
|
arguments: trade),
|
|
provider: trade.provider,
|
|
from: trade.from,
|
|
to: trade.to,
|
|
createdAtFormattedDate:
|
|
trade.createdAt != null
|
|
? DateFormat('HH:mm')
|
|
.format(trade.createdAt!)
|
|
: null,
|
|
formattedAmount: item.tradeFormattedAmount));
|
|
}
|
|
|
|
if (item is OrderListItem) {
|
|
final order = item.order;
|
|
|
|
return Observer(
|
|
builder: (_) => OrderRow(
|
|
onTap: () => Navigator.of(context)
|
|
.pushNamed(Routes.orderDetails,
|
|
arguments: order),
|
|
provider: order.provider,
|
|
from: order.from!,
|
|
to: order.to!,
|
|
createdAtFormattedDate: DateFormat('HH:mm')
|
|
.format(order.createdAt),
|
|
formattedAmount: item.orderFormattedAmount,
|
|
));
|
|
}
|
|
|
|
return Container(color: Colors.transparent, height: 1);
|
|
})
|
|
: Center(
|
|
child: Text(
|
|
S.of(context).placeholder_transactions,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Theme.of(context).extension<PlaceholderTheme>()!.color),
|
|
),
|
|
);
|
|
}))
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|