Ecosystem/cake_wallet
1
0
Fork 0
mirror of https://github.com/cake-tech/cake_wallet.git synced 2025-01-03 09:29:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

CWA-210 | applied new design to send page; created sending alert and confirm sending alert

Browse source
This commit is contained in:
Oleksandr Sobol 2020-05-07 20:10:04 +03:00
parent 68ac339540
commit 722efa2f89
13 changed files with 504 additions and 337 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/images/2.0x/qr_code_icon.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 956 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
assets/images/3.0x/qr_code_icon.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
assets/images/birthday_cake.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
assets/images/qr_code_icon.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 665 B

After

Width:  |  Height:  |  Size: 638 B

578
lib/src/screens/send/send_page.dart
View file

@ -17,18 +17,23 @@ import 'package:cake_wallet/src/stores/send/send_store.dart';
import 'package:cake_wallet/src/stores/send/sending_state.dart'; import 'package:cake_wallet/src/stores/send/sending_state.dart';
import 'package:cake_wallet/src/screens/base_page.dart'; import 'package:cake_wallet/src/screens/base_page.dart';
import 'package:cake_wallet/src/domain/common/crypto_currency.dart'; import 'package:cake_wallet/src/domain/common/crypto_currency.dart';
import 'package:cake_wallet/src/domain/common/balance_display_mode.dart';
import 'package:cake_wallet/src/domain/common/calculate_estimated_fee.dart'; import 'package:cake_wallet/src/domain/common/calculate_estimated_fee.dart';
import 'package:cake_wallet/generated/i18n.dart'; import 'package:cake_wallet/generated/i18n.dart';
import 'package:cake_wallet/src/domain/common/sync_status.dart'; import 'package:cake_wallet/src/domain/common/sync_status.dart';
import 'package:cake_wallet/src/stores/sync/sync_store.dart'; import 'package:cake_wallet/src/stores/sync/sync_store.dart';
import 'package:cake_wallet/src/widgets/top_panel.dart';
import 'package:dotted_border/dotted_border.dart';
import 'package:cake_wallet/src/widgets/alert_with_one_action.dart';
import 'package:cake_wallet/src/widgets/alert_with_two_actions.dart';
import 'package:cake_wallet/src/screens/send/widgets/confirm_sending_alert.dart';
import 'package:cake_wallet/src/screens/send/widgets/sending_alert.dart';
class SendPage extends BasePage { class SendPage extends BasePage {
@override @override
String get title => S.current.send_title; String get title => S.current.send_title;
@override @override
bool get isModalBackButton => true; Color get backgroundColor => PaletteDark.menuList;
@override @override
bool get resizeToAvoidBottomPadding => false; bool get resizeToAvoidBottomPadding => false;
@ -44,7 +49,6 @@ class SendForm extends StatefulWidget {
class SendFormState extends State<SendForm> { class SendFormState extends State<SendForm> {
final _addressController = TextEditingController(); final _addressController = TextEditingController();
final _paymentIdController = TextEditingController();
final _cryptoAmountController = TextEditingController(); final _cryptoAmountController = TextEditingController();
final _fiatAmountController = TextEditingController(); final _fiatAmountController = TextEditingController();
@ -75,14 +79,11 @@ class SendFormState extends State<SendForm> {
await showDialog<void>( await showDialog<void>(
context: context, context: context,
builder: (BuildContext context) { builder: (BuildContext context) {
return AlertDialog( return AlertWithOneAction(
title: Text(S.of(context).openalias_alert_title), alertTitle: S.of(context).openalias_alert_title,
content: Text(S.of(context).openalias_alert_content(sendStore.recordName)), alertContent: S.of(context).openalias_alert_content(sendStore.recordName),
actions: <Widget>[ buttonText: S.of(context).ok,
FlatButton( buttonAction: () => Navigator.of(context).pop()
child: Text(S.of(context).ok),
onPressed: () => Navigator.of(context).pop())
],
); );
}); });
} }
@ -99,89 +100,16 @@ class SendFormState extends State<SendForm> {
_setEffects(context); _setEffects(context);
return ScrollableWithBottomSection( return Container(
contentPadding: EdgeInsets.all(0), color: PaletteDark.historyPanel,
child: ScrollableWithBottomSection(
contentPadding: EdgeInsets.only(bottom: 24),
content: Column( content: Column(
children: [ children: <Widget>[
Container( TopPanel(
padding: EdgeInsets.only(left: 38, right: 30), color: PaletteDark.menuList,
decoration: BoxDecoration( widget: Form(
color: Theme.of(context).backgroundColor, key: _formKey,
boxShadow: [
BoxShadow(
color: Palette.shadowGrey,
blurRadius: 10,
offset: Offset(0, 12),
)
],
border: Border(
top: BorderSide(
width: 1,
color: Theme.of(context)
.accentTextTheme
.subtitle
.backgroundColor))),
child: SizedBox(
height: 56,
width: double.infinity,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Observer(builder: (_) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(S.of(context).send_your_wallet,
style: TextStyle(
fontSize: 12, color: Palette.lightViolet)),
Text(walletStore.name,
style: TextStyle(
fontSize: 18,
color: Theme.of(context)
.accentTextTheme
.overline
.color,
height: 1.25)),
]);
}),
Observer(builder: (context) {
final savedDisplayMode = settingsStore.balanceDisplayMode;
final availableBalance =
savedDisplayMode == BalanceDisplayMode.hiddenBalance
? '---'
: balanceStore.unlockedBalance;
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(S.of(context).xmr_available_balance,
style: TextStyle(
fontSize: 12,
color: Theme.of(context)
.accentTextTheme
.overline
.backgroundColor,
)),
Text(availableBalance,
style: TextStyle(
fontSize: 22,
color: Theme.of(context)
.accentTextTheme
.overline
.color,
height: 1.1)),
]);
})
],
),
),
),
Form(
key: _formKey,
child: Container(
padding:
EdgeInsets.only(left: 38, right: 33, top: 10, bottom: 30),
child: Column(children: <Widget>[ child: Column(children: <Widget>[
AddressTextField( AddressTextField(
controller: _addressController, controller: _addressController,
@ -190,19 +118,16 @@ class SendFormState extends State<SendForm> {
onURIScanned: (uri) { onURIScanned: (uri) {
var address = ''; var address = '';
var amount = ''; var amount = '';
var paymentId = '';
if (uri != null) { if (uri != null) {
address = uri.path; address = uri.path;
amount = uri.queryParameters['tx_amount']; amount = uri.queryParameters['tx_amount'];
paymentId = uri.queryParameters['tx_payment_id'];
} else { } else {
address = uri.toString(); address = uri.toString();
} }
_addressController.text = address; _addressController.text = address;
_cryptoAmountController.text = amount; _cryptoAmountController.text = amount;
_paymentIdController.text = paymentId;
}, },
options: [ options: [
AddressTextFieldOption.qrCode, AddressTextFieldOption.qrCode,
@ -214,102 +139,103 @@ class SendFormState extends State<SendForm> {
return sendStore.errorMessage; return sendStore.errorMessage;
}, },
), ),
Padding( Observer(
padding: const EdgeInsets.only(top: 20), builder: (_) {
child: TextFormField( return Padding(
style: TextStyle( padding: const EdgeInsets.only(top: 20),
fontSize: 14.0, child: TextFormField(
color: Theme.of(context) style: TextStyle(
.accentTextTheme fontSize: 16.0,
.overline color: Colors.white
.backgroundColor), ),
controller: _paymentIdController, controller: _cryptoAmountController,
decoration: InputDecoration( keyboardType: TextInputType.numberWithOptions(
hintStyle: TextStyle( signed: false, decimal: true),
fontSize: 14.0, inputFormatters: [
color: Theme.of(context).hintColor), BlacklistingTextInputFormatter(
hintText: S.of(context).send_payment_id, RegExp('[\\-|\\ |\\,]'))
focusedBorder: UnderlineInputBorder( ],
borderSide: BorderSide( decoration: InputDecoration(
color: Palette.cakeGreen, width: 2.0)), prefixIcon: Padding(
enabledBorder: UnderlineInputBorder( padding: EdgeInsets.only(top: 12),
borderSide: BorderSide( child: Text('XMR:',
color: Theme.of(context).focusColor, style: TextStyle(
width: 1.0))), fontSize: 16,
validator: (value) { fontWeight: FontWeight.bold,
sendStore.validatePaymentID(value); color: Colors.white,
return sendStore.errorMessage; )),
}), ),
suffixIcon: Padding(
padding: EdgeInsets.only(
bottom: 5
),
child: Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Container(
width: MediaQuery.of(context).size.width/2,
alignment: Alignment.centerLeft,
child: Text(
' / ' + balanceStore.unlockedBalance,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 16,
color: PaletteDark.walletCardText
)
),
),
Container(
height: 32,
width: 32,
margin: EdgeInsets.only(left: 12, bottom: 7, top: 4),
decoration: BoxDecoration(
color: PaletteDark.walletCardSubAddressField,
borderRadius: BorderRadius.all(Radius.circular(6))
),
child: InkWell(
onTap: () => sendStore.setSendAll(),
child: Center(
child: Text(S.of(context).all,
style: TextStyle(
fontSize: 9,
fontWeight: FontWeight.bold,
color: PaletteDark.walletCardText
)
),
),
),
)
],
),
),
hintStyle: TextStyle(
fontSize: 16.0,
color: Colors.white),
hintText: '0.0000',
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(
color: PaletteDark.walletCardSubAddressField,
width: 1.0)),
enabledBorder: UnderlineInputBorder(
borderSide: BorderSide(
color: PaletteDark.walletCardSubAddressField,
width: 1.0))),
validator: (value) {
sendStore.validateXMR(
value, balanceStore.unlockedBalance);
return sendStore.errorMessage;
}),
);
}
), ),
Padding( Padding(
padding: const EdgeInsets.only(top: 20), padding: const EdgeInsets.only(top: 20),
child: TextFormField( child: TextFormField(
style: TextStyle( style: TextStyle(
fontSize: 18.0, fontSize: 16.0,
color: Theme.of(context) color: Colors.white),
.accentTextTheme
.overline
.color),
controller: _cryptoAmountController,
keyboardType: TextInputType.numberWithOptions(
signed: false, decimal: true),
inputFormatters: [
BlacklistingTextInputFormatter(
RegExp('[\\-|\\ |\\,]'))
],
decoration: InputDecoration(
prefixIcon: Padding(
padding: EdgeInsets.only(top: 12),
child: Text('XMR:',
style: TextStyle(
fontSize: 18,
color: Theme.of(context)
.accentTextTheme
.overline
.color,
)),
),
suffixIcon: Container(
width: 1,
padding: EdgeInsets.only(top: 0),
child: Center(
child: InkWell(
onTap: () => sendStore.setSendAll(),
child: Text(S.of(context).all,
style: TextStyle(
fontSize: 10,
color: Theme.of(context)
.accentTextTheme
.overline
.decorationColor))),
),
),
hintStyle: TextStyle(
fontSize: 18.0,
color: Theme.of(context).hintColor),
hintText: '0.0000',
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(
color: Palette.cakeGreen, width: 2.0)),
enabledBorder: UnderlineInputBorder(
borderSide: BorderSide(
color: Theme.of(context).focusColor,
width: 1.0))),
validator: (value) {
sendStore.validateXMR(
value, balanceStore.unlockedBalance);
return sendStore.errorMessage;
}),
),
Padding(
padding: const EdgeInsets.only(top: 20),
child: TextFormField(
style: TextStyle(
fontSize: 18.0,
color: Theme.of(context)
.accentTextTheme
.overline
.color),
controller: _fiatAmountController, controller: _fiatAmountController,
keyboardType: TextInputType.numberWithOptions( keyboardType: TextInputType.numberWithOptions(
signed: false, decimal: true), signed: false, decimal: true),
@ -323,123 +249,147 @@ class SendFormState extends State<SendForm> {
child: Text( child: Text(
'${settingsStore.fiatCurrency.toString()}:', '${settingsStore.fiatCurrency.toString()}:',
style: TextStyle( style: TextStyle(
fontSize: 18, fontSize: 16,
color: Theme.of(context) fontWeight: FontWeight.bold,
.accentTextTheme color: Colors.white,
.overline
.color,
)), )),
), ),
hintStyle: TextStyle( hintStyle: TextStyle(
fontSize: 18.0, fontSize: 16.0,
color: Theme.of(context).hintColor), color: PaletteDark.walletCardText),
hintText: '0.00', hintText: '0.00',
focusedBorder: UnderlineInputBorder( focusedBorder: UnderlineInputBorder(
borderSide: BorderSide( borderSide: BorderSide(
color: Palette.cakeGreen, width: 2.0)), color: PaletteDark.walletCardSubAddressField,
width: 1.0)),
enabledBorder: UnderlineInputBorder( enabledBorder: UnderlineInputBorder(
borderSide: BorderSide( borderSide: BorderSide(
color: Theme.of(context).focusColor, color: PaletteDark.walletCardSubAddressField,
width: 1.0)))), width: 1.0)))),
), ),
Padding(
padding: const EdgeInsets.only(top: 12.0, bottom: 10),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text(S.of(context).send_estimated_fee,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: Theme.of(context)
.accentTextTheme
.overline
.backgroundColor,
)),
Text(
'${calculateEstimatedFee(priority: settingsStore.transactionPriority)} XMR',
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: Theme.of(context)
.primaryTextTheme
.overline
.backgroundColor,
))
],
),
),
SizedBox(
width: double.infinity,
child: Text(
S.of(context).send_priority(
settingsStore.transactionPriority.toString()),
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.w500,
color: Theme.of(context)
.primaryTextTheme
.subtitle
.color,
height: 1.3)),
),
]), ]),
), ),
),
Padding(
padding: EdgeInsets.only(
top: 32,
left: 24,
bottom: 24
),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Text(
'Templates',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w600,
color: PaletteDark.walletCardText
),
)
],
),
),
Container(
height: 40,
width: double.infinity,
padding: EdgeInsets.only(left: 24),
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: 1,
itemBuilder: (context, index) {
if (index == 0) {
return GestureDetector(
onTap: () {},
child: Container(
padding: EdgeInsets.only(right: 10),
child: DottedBorder(
borderType: BorderType.RRect,
dashPattern: [8, 4],
color: PaletteDark.menuList,
strokeWidth: 2,
radius: Radius.circular(20),
child: Container(
height: 40,
width: 75,
padding: EdgeInsets.only(left: 10, right: 10),
alignment: Alignment.center,
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(20)),
color: Colors.transparent,
),
child: Text(
'New',
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
color: PaletteDark.walletCardText
),
),
)
),
),
);
}
return Container();
}
),
) )
], ],
), ),
bottomSectionPadding: EdgeInsets.only(left: 24, right: 24, bottom: 24),
bottomSection: Observer(builder: (_) { bottomSection: Observer(builder: (_) {
return LoadingPrimaryButton( return LoadingPrimaryButton(
onPressed: syncStore.status is SyncedSyncStatus onPressed: syncStore.status is SyncedSyncStatus
? () async { ? () async {
// Hack. Don't ask me. // Hack. Don't ask me.
FocusScope.of(context).requestFocus(FocusNode()); FocusScope.of(context).requestFocus(FocusNode());
if (_formKey.currentState.validate()) { if (_formKey.currentState.validate()) {
await showDialog<void>( await showDialog<void>(
context: context, context: context,
builder: (dialogContext) { builder: (dialogContext) {
return AlertDialog( return AlertWithTwoActions(
title: Text( alertTitle: S.of(context).send_creating_transaction,
S.of(context).send_creating_transaction), alertContent: S.of(context).confirm_sending,
content: Text(S.of(context).confirm_sending), leftButtonText: S.of(context).send,
actions: <Widget>[ rightButtonText: S.of(context).cancel,
FlatButton( actionLeftButton: () async {
child: Text(S.of(context).send), await Navigator.of(dialogContext)
onPressed: () async { .popAndPushNamed(Routes.auth,
await Navigator.of(dialogContext) arguments: (bool
.popAndPushNamed(Routes.auth, isAuthenticatedSuccessfully,
arguments: (bool AuthPageState auth) {
isAuthenticatedSuccessfully, if (!isAuthenticatedSuccessfully) {
AuthPageState auth) { return;
if (!isAuthenticatedSuccessfully) { }
return;
}
Navigator.of(auth.context).pop(); Navigator.of(auth.context).pop();
sendStore.createTransaction( sendStore.createTransaction(
address: _addressController.text, address: _addressController.text,
paymentId: paymentId: '');
_paymentIdController.text); });
}); },
}), actionRightButton: () =>
FlatButton( Navigator.of(context).pop()
child: Text(S.of(context).cancel), );
onPressed: () => });
Navigator.of(context).pop()) }
], }
); : null,
});
}
}
: null,
text: S.of(context).send, text: S.of(context).send,
color: Theme.of(context).accentTextTheme.button.backgroundColor, color: Colors.blue,
textColor: Theme.of(context).primaryTextTheme.button.color, textColor: Colors.white,
isLoading: sendStore.state is CreatingTransaction || isLoading: sendStore.state is CreatingTransaction ||
sendStore.state is TransactionCommiting); sendStore.state is TransactionCommiting,
})); isDisabled: !(syncStore.status is SyncedSyncStatus),
);
}),
),
);
} }
void _setEffects(BuildContext context) { void _setEffects(BuildContext context) {
@ -483,14 +433,11 @@ class SendFormState extends State<SendForm> {
showDialog<void>( showDialog<void>(
context: context, context: context,
builder: (BuildContext context) { builder: (BuildContext context) {
return AlertDialog( return AlertWithOneAction(
title: Text(S.of(context).error), alertTitle: S.of(context).error,
content: Text(state.error), alertContent: state.error,
actions: <Widget>[ buttonText: S.of(context).ok,
FlatButton( buttonAction: () => Navigator.of(context).pop()
child: Text(S.of(context).ok),
onPressed: () => Navigator.of(context).pop())
],
); );
}); });
}); });
@ -501,23 +448,25 @@ class SendFormState extends State<SendForm> {
showDialog<void>( showDialog<void>(
context: context, context: context,
builder: (BuildContext context) { builder: (BuildContext context) {
return AlertDialog( return ConfirmSendingAlert(
title: Text(S.of(context).confirm_sending), alertTitle: S.of(context).confirm_sending,
content: Text(S.of(context).commit_transaction_amount_fee( amount: 'Amount:',
sendStore.pendingTransaction.amount, amountValue: sendStore.pendingTransaction.amount,
sendStore.pendingTransaction.fee)), fee: 'Fee:',
actions: <Widget>[ feeValue: sendStore.pendingTransaction.fee,
FlatButton( leftButtonText: S.of(context).ok,
child: Text(S.of(context).ok), rightButtonText: S.of(context).cancel,
onPressed: () { actionLeftButton: () {
Navigator.of(context).pop(); Navigator.of(context).pop();
sendStore.commitTransaction(); sendStore.commitTransaction();
}), showDialog<void>(
FlatButton( context: context,
child: Text(S.of(context).cancel), builder: (BuildContext context) {
onPressed: () => Navigator.of(context).pop(), return SendingAlert(sendStore: sendStore);
) }
], );
},
actionRightButton: () => Navigator.of(context).pop()
); );
}); });
}); });
@ -525,23 +474,8 @@ class SendFormState extends State<SendForm> {
if (state is TransactionCommitted) { if (state is TransactionCommitted) {
WidgetsBinding.instance.addPostFrameCallback((_) { WidgetsBinding.instance.addPostFrameCallback((_) {
showDialog<void>( _addressController.text = '';
context: context, _cryptoAmountController.text = '';
builder: (BuildContext context) {
return AlertDialog(
title: Text(S.of(context).sending),
content: Text(S.of(context).transaction_sent),
actions: <Widget>[
FlatButton(
child: Text(S.of(context).ok),
onPressed: () {
_addressController.text = '';
_cryptoAmountController.text = '';
Navigator.of(context)..pop()..pop();
})
],
);
});
}); });
} }
}); });

100
lib/src/screens/send/widgets/confirm_sending_alert.dart Normal file
View file

@ -0,0 +1,100 @@
import 'package:flutter/material.dart';
import 'package:cake_wallet/src/widgets/base_alert_dialog.dart';
class ConfirmSendingAlert extends BaseAlertDialog {
ConfirmSendingAlert({
@required this.alertTitle,
@required this.amount,
@required this.amountValue,
@required this.fee,
@required this.feeValue,
@required this.leftButtonText,
@required this.rightButtonText,
@required this.actionLeftButton,
@required this.actionRightButton,
this.alertBarrierDismissible = true
});
final String alertTitle;
final String amount;
final String amountValue;
final String fee;
final String feeValue;
final String leftButtonText;
final String rightButtonText;
final VoidCallback actionLeftButton;
final VoidCallback actionRightButton;
final bool alertBarrierDismissible;
@override
String get titleText => alertTitle;
@override
String get leftActionButtonText => leftButtonText;
@override
String get rightActionButtonText => rightButtonText;
@override
VoidCallback get actionLeft => actionLeftButton;
@override
VoidCallback get actionRight => actionRightButton;
@override
bool get barrierDismissible => alertBarrierDismissible;
@override
Widget content(BuildContext context) {
return Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text(
amount,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: Colors.white,
decoration: TextDecoration.none,
),
),
Text(
amountValue,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: Colors.white,
decoration: TextDecoration.none,
),
)
],
),
Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text(
fee,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: Colors.white,
decoration: TextDecoration.none,
),
),
Text(
feeValue,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: Colors.white,
decoration: TextDecoration.none,
),
)
],
)
],
);
}
}

105
lib/src/screens/send/widgets/sending_alert.dart Normal file
View file

@ -0,0 +1,105 @@
import 'dart:ui';
import 'package:cake_wallet/palette.dart';
import 'package:cake_wallet/src/stores/send/sending_state.dart';
import 'package:flutter/material.dart';
import 'package:cake_wallet/src/widgets/primary_button.dart';
import 'package:cake_wallet/src/stores/send/send_store.dart';
import 'package:cake_wallet/generated/i18n.dart';
import 'package:flutter_mobx/flutter_mobx.dart';
class SendingAlert extends StatefulWidget {
SendingAlert({@required this.sendStore});
final SendStore sendStore;
@override
SendingAlertState createState() => SendingAlertState(sendStore);
}
class SendingAlertState extends State<SendingAlert> {
SendingAlertState(this.sendStore);
final SendStore sendStore;
@override
Widget build(BuildContext context) {
return Observer(
builder: (_) {
final state = sendStore.state;
if (state is TransactionCommitted) {
return Stack(
children: <Widget>[
Container(
color: PaletteDark.historyPanel,
child: Center(
child: Image.asset(
'assets/images/birthday_cake.png'),
),
),
Center(
child: Padding(
padding: EdgeInsets.only(top: 220, left: 24, right: 24),
child: Text(
'Your Monero was successfully sent',
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 22,
fontWeight: FontWeight.bold,
color: Colors.white,
decoration: TextDecoration.none,
),
),
),
),
Positioned(
left: 24,
right: 24,
bottom: 24,
child: PrimaryButton(
onPressed: () => Navigator.of(context).pop(),
text: 'Got it',
color: Colors.blue,
textColor: Colors.white
)
)
],
);
}
return Stack(
children: <Widget>[
Container(
color: PaletteDark.historyPanel,
child: Center(
child: Image.asset(
'assets/images/birthday_cake.png'),
),
),
BackdropFilter(
filter: ImageFilter.blur(sigmaX: 3.0, sigmaY: 3.0),
child: Container(
decoration: BoxDecoration(color: PaletteDark.historyPanel.withOpacity(0.25)),
child: Center(
child: Padding(
padding: EdgeInsets.only(top: 220),
child: Text(
'Sending...',
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 22,
fontWeight: FontWeight.bold,
color: Colors.white,
decoration: TextDecoration.none,
),
),
),
),
),
)
],
);
}
);
}
}

29
lib/src/widgets/address_text_field.dart
View file

@ -40,6 +40,10 @@ class AddressTextField extends StatelessWidget {
enabled: isActive, enabled: isActive,
controller: controller, controller: controller,
focusNode: focusNode, focusNode: focusNode,
style: TextStyle(
fontSize: 16,
color: Colors.white
),
decoration: InputDecoration( decoration: InputDecoration(
suffixIcon: SizedBox( suffixIcon: SizedBox(
width: prefixIconWidth * options.length + width: prefixIconWidth * options.length +
@ -58,9 +62,9 @@ class AddressTextField extends StatelessWidget {
child: Container( child: Container(
padding: EdgeInsets.all(8), padding: EdgeInsets.all(8),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Palette.wildDarkBlueWithOpacity, color: PaletteDark.walletCardSubAddressField,
borderRadius: borderRadius:
BorderRadius.all(Radius.circular(8))), BorderRadius.all(Radius.circular(6))),
child: Image.asset('assets/images/qr_code_icon.png')), child: Image.asset('assets/images/qr_code_icon.png')),
)) ))
], ],
@ -76,11 +80,11 @@ class AddressTextField extends StatelessWidget {
child: Container( child: Container(
padding: EdgeInsets.all(8), padding: EdgeInsets.all(8),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Palette.wildDarkBlueWithOpacity, color: PaletteDark.walletCardSubAddressField,
borderRadius: borderRadius:
BorderRadius.all(Radius.circular(8))), BorderRadius.all(Radius.circular(6))),
child: Image.asset( child: Image.asset(
'assets/images/address_book_icon.png')), 'assets/images/open_book.png')),
)) ))
], ],
if (this if (this
@ -95,9 +99,9 @@ class AddressTextField extends StatelessWidget {
child: Container( child: Container(
padding: EdgeInsets.all(8), padding: EdgeInsets.all(8),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Palette.wildDarkBlueWithOpacity, color: PaletteDark.walletCardSubAddressField,
borderRadius: borderRadius:
BorderRadius.all(Radius.circular(8))), BorderRadius.all(Radius.circular(6))),
child: Image.asset( child: Image.asset(
'assets/images/receive_icon_raw.png')), 'assets/images/receive_icon_raw.png')),
)) ))
@ -105,13 +109,18 @@ class AddressTextField extends StatelessWidget {
], ],
), ),
), ),
hintStyle: TextStyle(color: Theme.of(context).hintColor), hintStyle: TextStyle(
fontSize: 16,
color: PaletteDark.walletCardText
),
hintText: placeholder ?? S.current.widgets_address, hintText: placeholder ?? S.current.widgets_address,
focusedBorder: UnderlineInputBorder( focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Palette.cakeGreen, width: 2.0)), borderSide: BorderSide(
color: PaletteDark.walletCardSubAddressField,
width: 1.0)),
enabledBorder: UnderlineInputBorder( enabledBorder: UnderlineInputBorder(
borderSide: borderSide:
BorderSide(color: Theme.of(context).focusColor, width: 1.0)), BorderSide(color: PaletteDark.walletCardSubAddressField, width: 1.0)),
), ),
validator: validator, validator: validator,
); );

2
lib/src/widgets/base_alert_dialog.dart
View file

@ -138,7 +138,7 @@ class BaseAlertDialog extends StatelessWidget {
Container( Container(
width: 300, width: 300,
height: 77, height: 77,
padding: EdgeInsets.all(24), padding: EdgeInsets.only(left: 24, right: 24),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.only( borderRadius: BorderRadius.only(
topLeft: Radius.circular(24), topLeft: Radius.circular(24),

1
lib/src/widgets/seed_widget.dart
View file

@ -238,7 +238,6 @@ class SeedWidgetState extends State<SeedWidget> {
fit: FlexFit.tight, fit: FlexFit.tight,
flex: 1, flex: 1,
child: TopPanel( child: TopPanel(
height: null,
color: PaletteDark.menuList, color: PaletteDark.menuList,
widget: SingleChildScrollView( widget: SingleChildScrollView(
child: Column( child: Column(

4
lib/src/widgets/top_panel.dart
View file

@ -1,9 +1,8 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
class TopPanel extends StatelessWidget { class TopPanel extends StatelessWidget {
TopPanel({@required this.height, @required this.color, @required this.widget}); TopPanel({@required this.color, @required this.widget});
final double height;
final Color color; final Color color;
final Widget widget; final Widget widget;
@ -11,7 +10,6 @@ class TopPanel extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
width: double.infinity, width: double.infinity,
height: height ?? double.infinity,
padding: EdgeInsets.all(24), padding: EdgeInsets.all(24),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.only( borderRadius: BorderRadius.only(

21
pubspec.lock
View file

@ -232,6 +232,13 @@ packages:
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "3.0.7" version: "3.0.7"
dotted_border:
dependency: "direct main"
description:
name: dotted_border
url: "https://pub.dartlang.org"
source: hosted
version: "1.0.5"
encrypt: encrypt:
dependency: "direct main" dependency: "direct main"
description: description:
@ -525,6 +532,20 @@ packages:
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "1.6.4" version: "1.6.4"
path_drawing:
dependency: transitive
description:
name: path_drawing
url: "https://pub.dartlang.org"
source: hosted
version: "0.4.1"
path_parsing:
dependency: transitive
description:
name: path_parsing
url: "https://pub.dartlang.org"
source: hosted
version: "0.1.4"
path_provider: path_provider:
dependency: "direct main" dependency: "direct main"
description: description:

1
pubspec.yaml
View file

@ -49,6 +49,7 @@ dependencies:
package_info: ^0.4.0+13 package_info: ^0.4.0+13
devicelocale: ^0.2.1 devicelocale: ^0.2.1
auto_size_text: ^2.1.0 auto_size_text: ^2.1.0
dotted_border: ^1.0.5
# The following adds the Cupertino Icons font to your application. # The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons. # Use with the CupertinoIcons class for iOS style icons.