CWA-215 | added cryptocurrency icons to address book; applied new design to contact page; added suffixIcon parameter to base text form field; fixed seed widget

lib/src/screens/address_book/address_book_page.dart

@@ -216,43 +216,43 @@ class AddressBookPage extends BasePage {
         image = Image.asset('assets/images/monero.png', height: 24, width: 24);
         break;
       case CryptoCurrency.ada:
-        image = null;
+        image = Image.asset('assets/images/ada.png', height: 24, width: 24);
         break;
       case CryptoCurrency.bch:
-        image = null;
+        image = Image.asset('assets/images/bch.png', height: 24, width: 24);
         break;
       case CryptoCurrency.bnb:
-        image = null;
+        image = Image.asset('assets/images/bnb.png', height: 24, width: 24);
         break;
       case CryptoCurrency.btc:
         image = Image.asset('assets/images/bitcoin.png', height: 24, width: 24);
         break;
       case CryptoCurrency.dash:
-        image = null;
+        image = Image.asset('assets/images/dash.png', height: 24, width: 24);
         break;
       case CryptoCurrency.eos:
-        image = null;
+        image = Image.asset('assets/images/eos.png', height: 24, width: 24);
         break;
       case CryptoCurrency.eth:
-        image = null;
+        image = Image.asset('assets/images/eth.png', height: 24, width: 24);
         break;
       case CryptoCurrency.ltc:
         image = Image.asset('assets/images/litecoin.png', height: 24, width: 24);
         break;
       case CryptoCurrency.nano:
-        image = null;
+        image = Image.asset('assets/images/nano.png', height: 24, width: 24);
         break;
       case CryptoCurrency.trx:
-        image = null;
+        image = Image.asset('assets/images/trx.png', height: 24, width: 24);
         break;
       case CryptoCurrency.usdt:
-        image = null;
+        image = Image.asset('assets/images/usdt.png', height: 24, width: 24);
         break;
       case CryptoCurrency.xlm:
-        image = null;
+        image = Image.asset('assets/images/xlm.png', height: 24, width: 24);
         break;
       case CryptoCurrency.xrp:
-        image = null;
+        image = Image.asset('assets/images/xrp.png', height: 24, width: 24);
         break;
       default:
         image = null;

lib/src/screens/address_book/contact_page.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/cupertino.dart';
+import 'package:flutter_mobx/flutter_mobx.dart';
 import 'package:provider/provider.dart';
 import 'package:cake_wallet/generated/i18n.dart';
 import 'package:cake_wallet/src/domain/common/crypto_currency.dart';
@@ -10,6 +11,9 @@ import 'package:cake_wallet/src/widgets/primary_button.dart';
 import 'package:cake_wallet/src/widgets/address_text_field.dart';
 import 'package:cake_wallet/src/widgets/scollable_with_bottom_section.dart';
 import 'package:cake_wallet/palette.dart';
+import 'package:cake_wallet/src/widgets/base_text_form_field.dart';
+import 'package:cake_wallet/src/screens/exchange/widgets/currency_picker.dart';
+import 'package:cake_wallet/src/widgets/alert_with_one_action.dart';
 
 class ContactPage extends BasePage {
   ContactPage({this.contact});
@@ -19,6 +23,9 @@ class ContactPage extends BasePage {
   @override
   String get title => S.current.contact;
 
+  @override
+  Color get backgroundColor => PaletteDark.historyPanel;
+
   @override
   Widget body(BuildContext context) => ContactForm(contact);
 }
@@ -37,22 +44,31 @@ class ContactFormState extends State<ContactForm> {
   final _contactNameController = TextEditingController();
   final _currencyTypeController = TextEditingController();
   final _addressController = TextEditingController();
+  final currencies = CryptoCurrency.all;
+  final downArrow = Image.asset(
+      'assets/images/arrow_bottom_purple_icon.png',
+      color: PaletteDark.walletCardText,
+      height: 8);
 
-  CryptoCurrency _selectectCrypto = CryptoCurrency.xmr;
+  CryptoCurrency _selectectCrypto;
 
   @override
   void initState() {
     super.initState();
-    if (widget.contact == null) {
+    if (widget.contact != null) {
-      _currencyTypeController.text = _selectectCrypto.toString();
-    } else {
       _selectectCrypto = widget.contact.type;
       _contactNameController.text = widget.contact.name;
       _currencyTypeController.text = _selectectCrypto.toString();
       _addressController.text = widget.contact.address;
+      WidgetsBinding.instance.addPostFrameCallback(afterLayout);
     }
   }
 
+  void afterLayout(dynamic _) {
+    final addressBookStore = Provider.of<AddressBookStore>(context);
+    addressBookStore.setDisabledStatus(false);
+  }
+
   @override
   void dispose() {
     _contactNameController.dispose();
@@ -61,113 +77,67 @@ class ContactFormState extends State<ContactForm> {
     super.dispose();
   }
 
-  Future<void> _setCurrencyType(BuildContext context) async {
+  void onHandleControllers(AddressBookStore addressBookStore) {
-    var currencyType = CryptoCurrency.all[0].toString();
+    if (_contactNameController.text.isNotEmpty &&
-    var selectedCurrency = CryptoCurrency.all[0];
+        _addressController.text.isNotEmpty &&
-
+        _currencyTypeController.text.isNotEmpty) {
-    await showDialog<void>(
+      addressBookStore.setDisabledStatus(false);
-        context: context,
+    } else {
-        builder: (BuildContext context) {
+      addressBookStore.setDisabledStatus(true);
-          return AlertDialog(
+    }
-            title: Text(S.of(context).please_select),
-            backgroundColor: Theme.of(context).backgroundColor,
-            content: Container(
-              height: 150.0,
-              child: CupertinoPicker(
-                  backgroundColor: Theme.of(context).backgroundColor,
-                  itemExtent: 45.0,
-                  onSelectedItemChanged: (int index) {
-                    selectedCurrency = CryptoCurrency.all[index];
-                    currencyType = CryptoCurrency.all[index].toString();
-                  },
-                  children:
-                      List.generate(CryptoCurrency.all.length, (int index) {
-                    return Center(
-                      child: Text(
-                        CryptoCurrency.all[index].toString(),
-                        style: TextStyle(
-                            color: Theme.of(context)
-                                .primaryTextTheme
-                                .caption
-                                .color),
-                      ),
-                    );
-                  })),
-            ),
-            actions: <Widget>[
-              FlatButton(
-                  onPressed: () {
-                    Navigator.pop(context);
-                  },
-                  child: Text(S.of(context).cancel)),
-              FlatButton(
-                  onPressed: () {
-                    _selectectCrypto = selectedCurrency;
-                    _currencyTypeController.text = currencyType;
-                    Navigator.of(context).pop();
-                  },
-                  child: Text(S.of(context).ok))
-            ],
-          );
-        });
   }
 
   @override
   Widget build(BuildContext context) {
     final addressBookStore = Provider.of<AddressBookStore>(context);
 
-    return ScrollableWithBottomSection(
+    _contactNameController.addListener(() {onHandleControllers(addressBookStore);});
+    _currencyTypeController.addListener(() {onHandleControllers(addressBookStore);});
+    _addressController.addListener(() {onHandleControllers(addressBookStore);});
+
+    return Container(
+      color: PaletteDark.historyPanel,
+      child: ScrollableWithBottomSection(
+          contentPadding: EdgeInsets.all(24),
           content: Form(
             key: _formKey,
             child: Column(
               mainAxisSize: MainAxisSize.min,
               children: <Widget>[
-              TextFormField(
+                BaseTextFormField(
-                style: TextStyle(
-                    fontSize: 14.0,
-                    color: Theme.of(context).primaryTextTheme.headline.color),
-                decoration: InputDecoration(
-                    hintStyle: TextStyle(color: Theme.of(context).hintColor),
-                    hintText: S.of(context).contact_name,
-                    focusedBorder: UnderlineInputBorder(
-                        borderSide:
-                            BorderSide(color: Palette.cakeGreen, width: 2.0)),
-                    enabledBorder: UnderlineInputBorder(
-                        borderSide: BorderSide(
-                            color: Theme.of(context).focusColor, width: 1.0))),
                   controller: _contactNameController,
+                  hintText: S.of(context).contact_name,
+                  borderColor: PaletteDark.walletCardSubAddressField,
                   validator: (value) {
                     addressBookStore.validateContactName(value);
                     return addressBookStore.errorMessage;
-                },
+                  }
                 ),
-              SizedBox(height: 14.0),
+                Padding(
-              Container(
+                  padding: EdgeInsets.only(top: 20),
+                  child: Container(
                     child: InkWell(
-                  onTap: () => _setCurrencyType(context),
+                      onTap: () => _presentPicker(context),
                       child: IgnorePointer(
-                    child: TextFormField(
+                        child: BaseTextFormField(
-                      style: TextStyle(
-                          fontSize: 14.0,
-                          color: Theme.of(context)
-                              .primaryTextTheme
-                              .headline
-                              .color),
-                      decoration: InputDecoration(
-                          focusedBorder: UnderlineInputBorder(
-                              borderSide: BorderSide(
-                                  color: Palette.cakeGreen, width: 2.0)),
-                          enabledBorder: UnderlineInputBorder(
-                              borderSide: BorderSide(
-                                  color: Theme.of(context).focusColor,
-                                  width: 1.0))),
                           controller: _currencyTypeController,
+                          hintText: S.of(context).settings_currency,
+                          borderColor: PaletteDark.walletCardSubAddressField,
+                          suffixIcon: Row(
+                            mainAxisSize: MainAxisSize.min,
+                            mainAxisAlignment: MainAxisAlignment.end,
+                            children: <Widget>[
+                              downArrow
+                            ],
+                          ),
+                        )
                       ),
                     ),
                   ),
                 ),
-              SizedBox(height: 14.0),
+                Padding(
-              AddressTextField(
+                  padding: EdgeInsets.only(top: 20),
+                  child: AddressTextField(
                     controller: _addressController,
                     options: [AddressTextFieldOption.qrCode],
                     validator: (value) {
@@ -175,32 +145,37 @@ class ContactFormState extends State<ContactForm> {
                           cryptoCurrency: _selectectCrypto);
                       return addressBookStore.errorMessage;
                     },
+                  ),
                 )
               ],
             ),
           ),
+          bottomSectionPadding: EdgeInsets.only(
+            left: 24,
+            right: 24,
+            bottom: 24
+          ),
           bottomSection: Row(
             children: <Widget>[
               Expanded(
                 child: PrimaryButton(
                     onPressed: () {
                       setState(() {
-                      _selectectCrypto = CryptoCurrency.xmr;
+                        _selectectCrypto = null;
                         _contactNameController.text = '';
-                      _currencyTypeController.text =
+                        _currencyTypeController.text = '';
-                          _selectectCrypto.toString();
                         _addressController.text = '';
                       });
                     },
                     text: S.of(context).reset,
-                  color:
+                    color: Colors.red,
-                      Theme.of(context).accentTextTheme.button.backgroundColor,
+                    textColor: Colors.white
-                  textColor:
+                ),
-                      Theme.of(context).primaryTextTheme.button.color),
               ),
               SizedBox(width: 20),
               Expanded(
-                child: PrimaryButton(
+                  child: Observer(
+                    builder: (_) => PrimaryButton(
                       onPressed: () async {
                         if (!_formKey.currentState.validate()) {
                           return;
@@ -228,31 +203,38 @@ class ContactFormState extends State<ContactForm> {
                           await showDialog<void>(
                               context: context,
                               builder: (BuildContext context) {
-                              return AlertDialog(
+                                return AlertWithOneAction(
-                                title: Text(
+                                  alertTitle: S.current.contact,
-                                  e.toString(),
+                                  alertContent: e.toString(),
-                                  textAlign: TextAlign.center,
+                                  buttonText: S.of(context).ok,
-                                ),
+                                  buttonAction: () => Navigator.of(context).pop()
-                                actions: <Widget>[
-                                  FlatButton(
-                                      onPressed: () =>
-                                          Navigator.of(context).pop(),
-                                      child: Text(S.of(context).ok))
-                                ],
                                 );
                               });
                         }
                       },
                       text: S.of(context).save,
-                    color: Theme.of(context)
+                      color: Colors.green,
-                        .primaryTextTheme
+                      textColor: Colors.white,
-                        .button
+                      isDisabled: addressBookStore.isDisabledStatus,
-                        .backgroundColor,
+                    )
-                    textColor: Theme.of(context)
+                  )
-                        .primaryTextTheme
+              )
-                        .button
-                        .color))
             ],
-        ));
+          )),
+    );
+  }
+
+  void _presentPicker(BuildContext context) {
+    showDialog<void>(
+        builder: (_) => CurrencyPicker(
+            selectedAtIndex: currencies.indexOf(_selectectCrypto),
+            items: currencies,
+            title: S.of(context).please_select,
+            onItemSelected: (CryptoCurrency item) {
+              _selectectCrypto = item;
+              _currencyTypeController.text = _selectectCrypto.toString();
+            }
+        ),
+        context: context);
   }
 }

lib/src/stores/address_book/address_book_store.dart

@@ -12,11 +12,15 @@ class AddressBookStore = AddressBookStoreBase with _$AddressBookStore;
 abstract class AddressBookStoreBase with Store {
   AddressBookStoreBase({@required this.contacts}) {
     updateContactList();
+    isDisabledStatus = true;
   }
 
   @observable
   List<Contact> contactList;
 
+  @observable
+  bool isDisabledStatus;
+
   @observable
   bool isValid;
 
@@ -37,6 +41,11 @@ abstract class AddressBookStoreBase with Store {
   @action
   Future delete({Contact contact}) async => await contact.delete();
 
+  @action
+  void setDisabledStatus(bool isDisabled) {
+    isDisabledStatus = isDisabled;
+  }
+
   void validateContactName(String value) {
     const pattern = '''^[^`,'"]{1,32}\$''';
     final regExp = RegExp(pattern);

lib/src/widgets/base_text_form_field.dart

@@ -17,6 +17,7 @@ class BaseTextFormField extends StatelessWidget {
     this.borderColor = PaletteDark.menuList,
     this.prefix,
     this.suffix,
+    this.suffixIcon,
     this.enabled = true,
     this.validator
   });
@@ -34,6 +35,7 @@ class BaseTextFormField extends StatelessWidget {
   final Color borderColor;
   final Widget prefix;
   final Widget suffix;
+  final Widget suffixIcon;
   final bool enabled;
   final FormFieldValidator<String> validator;
 
@@ -55,6 +57,7 @@ class BaseTextFormField extends StatelessWidget {
       decoration: InputDecoration(
         prefix: prefix,
         suffix: suffix,
+        suffixIcon: suffixIcon,
         hintStyle: TextStyle(
           color: hintColor,
           fontSize: 16

lib/src/widgets/seed_widget.dart

@@ -13,7 +13,6 @@ import 'package:cake_wallet/src/domain/monero/mnemonics/russian.dart';
 import 'package:cake_wallet/src/domain/monero/mnemonics/spanish.dart';
 import 'package:cake_wallet/src/domain/common/mnemotic_item.dart';
 import 'package:cake_wallet/generated/i18n.dart';
-import 'package:cake_wallet/src/widgets/top_panel.dart';
 
 class SeedWidget extends StatefulWidget {
   SeedWidget({Key key, this.onMnemoticChange, this.onFinish, this.seedLanguage}) : super(key: key) {
@@ -237,9 +236,18 @@ class SeedWidgetState extends State<SeedWidget> {
         Flexible(
             fit: FlexFit.tight,
             flex: 1,
-            child: TopPanel(
+            child: Container(
-                color: PaletteDark.menuList,
+              width: double.infinity,
-                widget: SingleChildScrollView(
+              height: double.infinity,
+              padding: EdgeInsets.all(24),
+              decoration: BoxDecoration(
+                  borderRadius: BorderRadius.only(
+                      bottomLeft: Radius.circular(24),
+                      bottomRight: Radius.circular(24)
+                  ),
+                  color: PaletteDark.menuList
+              ),
+              child: SingleChildScrollView(
                 child: Column(
                   mainAxisAlignment: MainAxisAlignment.start,
                   crossAxisAlignment: CrossAxisAlignment.start,
@@ -281,8 +289,8 @@ class SeedWidgetState extends State<SeedWidget> {
                     )
                   ],
                 ),
-                )
+              ),
-            )
+            ),
         ),
         Flexible(
             fit: FlexFit.tight,