CWA-212 | created exchange template and exchange template store; added exchange cards to exchange template page; added exchange templates to exchange page; added provider icons to provider picker

lib/main.dart

@@ -22,6 +22,7 @@ import 'package:cake_wallet/src/stores/balance/balance_store.dart';
 import 'package:cake_wallet/src/stores/sync/sync_store.dart';
 import 'package:cake_wallet/src/stores/wallet/wallet_store.dart';
 import 'package:cake_wallet/src/stores/send_template/send_template_store.dart';
+import 'package:cake_wallet/src/stores/exchange_template/exchange_template_store.dart';
 import 'package:cake_wallet/src/screens/root/root.dart';
 import 'package:cake_wallet/src/stores/authentication/authentication_store.dart';
 import 'package:cake_wallet/src/stores/settings/settings_store.dart';
@@ -34,6 +35,7 @@ import 'package:cake_wallet/src/domain/common/fiat_currency.dart';
 import 'package:cake_wallet/src/domain/common/transaction_priority.dart';
 import 'package:cake_wallet/src/domain/common/wallet_type.dart';
 import 'package:cake_wallet/src/domain/common/template.dart';
+import 'package:cake_wallet/src/domain/exchange/exchange_template.dart';
 import 'package:cake_wallet/src/domain/services/wallet_service.dart';
 import 'package:cake_wallet/generated/i18n.dart';
 import 'package:cake_wallet/src/domain/common/language.dart';
@@ -51,6 +53,7 @@ void main() async {
   Hive.registerAdapter(WalletInfoAdapter(), 4);
   Hive.registerAdapter(WalletTypeAdapter(), 5);
   Hive.registerAdapter(TemplateAdapter(), 6);
+  Hive.registerAdapter(ExchangeTemplateAdapter(), 7);
 
   final secureStorage = FlutterSecureStorage();
   final transactionDescriptionsBoxKey = await getEncryptionKey(
@@ -69,6 +72,7 @@ void main() async {
       await Hive.openBox<Trade>(Trade.boxName, encryptionKey: tradesBoxKey);
   final walletInfoSource = await Hive.openBox<WalletInfo>(WalletInfo.boxName);
   final templates = await Hive.openBox<Template>(Template.boxName);
+  final exchangeTemplates = await Hive.openBox<ExchangeTemplate>(ExchangeTemplate.boxName);
 
   final sharedPreferences = await SharedPreferences.getInstance();
   final walletService = WalletService();
@@ -106,6 +110,7 @@ void main() async {
       sharedPreferences: sharedPreferences, walletsService: walletListService);
   final seedLanguageStore = SeedLanguageStore();
   final sendTemplateStore = SendTemplateStore(templateSource: templates);
+  final exchangeTemplateStore = ExchangeTemplateStore(templateSource: exchangeTemplates);
 
   setReactions(
       settingsStore: settingsStore,
@@ -133,6 +138,7 @@ void main() async {
     Provider(create: (_) => trades),
     Provider(create: (_) => seedLanguageStore),
     Provider(create: (_) => sendTemplateStore),
+    Provider(create: (_) => exchangeTemplateStore),
   ], child: CakeWalletApp()));
 }
 

lib/router.dart

@@ -88,6 +88,7 @@ import 'package:cake_wallet/src/screens/dashboard/create_dashboard_page.dart';
 import 'package:cake_wallet/src/screens/welcome/create_welcome_page.dart';
 import 'package:cake_wallet/src/screens/new_wallet/new_wallet_type_page.dart';
 import 'package:cake_wallet/src/screens/send/send_template_page.dart';
+import 'package:cake_wallet/src/screens/exchange/exchange_template_page.dart';
 
 class Router {
   static Route<dynamic> generateRoute(
@@ -470,6 +471,25 @@ class Router {
                   }),
                 ], child: ExchangePage()));
 
+      case Routes.exchangeTemplate:
+        return MaterialPageRoute<void>(
+            builder: (_) => Provider(create: (_) {
+              final xmrtoprovider = XMRTOExchangeProvider();
+
+              return ExchangeStore(
+                  initialProvider: xmrtoprovider,
+                  initialDepositCurrency: CryptoCurrency.xmr,
+                  initialReceiveCurrency: CryptoCurrency.btc,
+                  trades: trades,
+                  providerList: [
+                    xmrtoprovider,
+                    ChangeNowExchangeProvider(),
+                    MorphTokenExchangeProvider(trades: trades)
+                  ],
+                  walletStore: walletStore);
+            }, child: ExchangeTemplatePage(),)
+        );
+
       case Routes.settings:
         return MaterialPageRoute<void>(
             builder: (_) => Provider(

lib/routes.dart

@@ -45,4 +45,5 @@ class Routes {
   static const changeLanguage = '/change_language';
   static const newWalletType = '/new_wallet_type';
   static const sendTemplate = '/send_template';
+  static const exchangeTemplate = '/exchange_template';
 }

lib/src/domain/exchange/exchange_template.dart

@@ -0,0 +1,35 @@
+import 'package:hive/hive.dart';
+
+part 'exchange_template.g.dart';
+
+@HiveType()
+class ExchangeTemplate extends HiveObject {
+  ExchangeTemplate({
+    this.amount,
+    this.depositCurrency,
+    this.receiveCurrency,
+    this.provider,
+    this.depositAddress,
+    this.receiveAddress
+  });
+
+  static const boxName = 'ExchangeTemplate';
+
+  @HiveField(0)
+  String amount;
+
+  @HiveField(1)
+  String depositCurrency;
+
+  @HiveField(2)
+  String receiveCurrency;
+
+  @HiveField(3)
+  String provider;
+
+  @HiveField(4)
+  String depositAddress;
+
+  @HiveField(5)
+  String receiveAddress;
+}

lib/src/screens/exchange/exchange_page.dart

@@ -1,4 +1,7 @@
 import 'dart:ui';
+import 'package:cake_wallet/src/domain/exchange/exchange_provider_description.dart';
+import 'package:cake_wallet/src/domain/exchange/exchange_template.dart';
+import 'package:cake_wallet/src/widgets/template_tile.dart';
 import 'package:dotted_border/dotted_border.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
@@ -10,7 +13,6 @@ import 'package:cake_wallet/routes.dart';
 import 'package:cake_wallet/generated/i18n.dart';
 import 'package:cake_wallet/src/domain/common/crypto_currency.dart';
 import 'package:cake_wallet/src/domain/exchange/exchange_provider.dart';
-import 'package:cake_wallet/src/domain/exchange/exchange_provider_description.dart';
 import 'package:cake_wallet/src/domain/exchange/xmrto/xmrto_exchange_provider.dart';
 import 'package:cake_wallet/src/stores/exchange/exchange_trade_state.dart';
 import 'package:cake_wallet/src/stores/exchange/limits_state.dart';
@@ -22,6 +24,7 @@ import 'package:cake_wallet/src/widgets/primary_button.dart';
 import 'package:cake_wallet/src/widgets/scollable_with_bottom_section.dart';
 import 'package:cake_wallet/src/widgets/top_panel.dart';
 import 'package:cake_wallet/src/screens/exchange/widgets/provider_picker.dart';
+import 'package:cake_wallet/src/stores/exchange_template/exchange_template_store.dart';
 
 class ExchangePage extends BasePage {
   @override
@@ -100,10 +103,26 @@ class ExchangePage extends BasePage {
     final exchangeStore = Provider.of<ExchangeStore>(context);
     final items = exchangeStore.providersForCurrentPair();
     final selectedItem = items.indexOf(exchangeStore.provider);
+    final images = List<Image>();
+
+    for (ExchangeProvider provider in items) {
+      switch (provider.description) {
+        case ExchangeProviderDescription.xmrto:
+          images.add(Image.asset('assets/images/xmr_btc.png'));
+          break;
+        case ExchangeProviderDescription.changeNow:
+          images.add(Image.asset('assets/images/change_now.png'));
+          break;
+        case ExchangeProviderDescription.morphToken:
+          images.add(Image.asset('assets/images/morph_icon.png'));
+          break;
+      }
+    }
 
     showDialog<void>(
         builder: (_) => ProviderPicker(
             items: items,
+            images: images,
             selectedAtIndex: selectedItem,
             title: S.of(context).change_exchange_provider,
             onItemSelected: (ExchangeProvider provider) =>
@@ -138,6 +157,7 @@ class ExchangeFormState extends State<ExchangeForm> {
   Widget build(BuildContext context) {
     final exchangeStore = Provider.of<ExchangeStore>(context);
     final walletStore = Provider.of<WalletStore>(context);
+    final exchangeTemplateStore = Provider.of<ExchangeTemplateStore>(context);
 
     final depositWalletName =
         exchangeStore.depositCurrency == CryptoCurrency.xmr
@@ -175,7 +195,7 @@ class ExchangeFormState extends State<ExchangeForm> {
                                 initialAddress:
                                 exchangeStore.depositCurrency == walletStore.type
                                     ? walletStore.address
-                                    : null,
+                                    : exchangeStore.depositAddress,
                                 initialIsAmountEditable: true,
                                 initialIsAddressEditable: true,
                                 isAmountEstimated: false,
@@ -208,7 +228,7 @@ class ExchangeFormState extends State<ExchangeForm> {
                                 initialAddress:
                                 exchangeStore.receiveCurrency == walletStore.type
                                     ? walletStore.address
-                                    : null,
+                                    : exchangeStore.receiveAddress,
                                 initialIsAmountEditable: false,
                                 initialIsAddressEditable: true,
                                 isAmountEstimated: true,
@@ -257,15 +277,17 @@ class ExchangeFormState extends State<ExchangeForm> {
                   padding: EdgeInsets.only(left: 24),
                   child: Observer(
                       builder: (_) {
+                        final itemCount = exchangeTemplateStore.templates.length + 1;
 
                         return ListView.builder(
                             scrollDirection: Axis.horizontal,
-                            itemCount: 1,
+                            itemCount: itemCount,
                             itemBuilder: (context, index) {
 
                               if (index == 0) {
                                 return GestureDetector(
-                                  onTap: () {},
+                                  onTap: () => Navigator.of(context)
+                                      .pushNamed(Routes.exchangeTemplate),
                                   child: Container(
                                     padding: EdgeInsets.only(right: 10),
                                     child: DottedBorder(
@@ -299,7 +321,16 @@ class ExchangeFormState extends State<ExchangeForm> {
 
                               index -= 1;
 
-                              return Container();
+                              final template = exchangeTemplateStore.templates[index];
+
+                              return TemplateTile(
+                                  amount: template.amount,
+                                  from: template.depositCurrency,
+                                  to: template.receiveCurrency,
+                                  onTap: () {
+                                    applyTemplate(exchangeStore, template);
+                                  }
+                              );
                             }
                         );
                       }
@@ -307,88 +338,6 @@ class ExchangeFormState extends State<ExchangeForm> {
                 )
               ],
             ),
-
-            /*SingleChildScrollView(
-              child: Column(
-                mainAxisAlignment: MainAxisAlignment.spaceAround,
-                children: <Widget>[
-                  Padding(
-                    padding: EdgeInsets.only(top: 10, bottom: 20),
-                    child: Text(
-                      S.of(context).you_will_send,
-                      style: TextStyle(
-                          fontWeight: FontWeight.bold,
-                          fontSize: 18,
-                          height: 1.1,
-                          color: Theme.of(context).primaryTextTheme.title.color),
-                    ),
-                  ),
-                  ExchangeCard(
-                    key: depositKey,
-                    initialCurrency: exchangeStore.depositCurrency,
-                    initialWalletName: depositWalletName,
-                    initialAddress:
-                    exchangeStore.depositCurrency == walletStore.type
-                        ? walletStore.address
-                        : null,
-                    initialIsAmountEditable: true,
-                    initialIsAddressEditable: true,
-                    isAmountEstimated: false,
-                    currencies: CryptoCurrency.all,
-                    /*onCurrencySelected: (currency) =>
-                      exchangeStore.changeDepositCurrency(currency: currency),*/
-                    imageArrow: arrowBottomPurple,
-                    currencyValueValidator: (value) {
-                      exchangeStore.validateCryptoCurrency(value);
-                      return exchangeStore.errorMessage;
-                    },
-                    addressTextFieldValidator: (value) {
-                      exchangeStore.validateAddress(value,
-                          cryptoCurrency: exchangeStore.depositCurrency);
-                      return exchangeStore.errorMessage;
-                    },
-                  ),
-                  SizedBox(height: 35),
-                  Padding(
-                      padding: EdgeInsets.only(bottom: 20),
-                      child: Text(
-                        S.of(context).you_will_get,
-                        style: TextStyle(
-                            fontWeight: FontWeight.bold,
-                            fontSize: 18,
-                            height: 1.1,
-                            color:
-                            Theme.of(context).primaryTextTheme.title.color),
-                      )),
-                  Observer(
-                      builder: (_) => ExchangeCard(
-                        key: receiveKey,
-                        initialCurrency: exchangeStore.receiveCurrency,
-                        initialWalletName: receiveWalletName,
-                        initialAddress:
-                        exchangeStore.receiveCurrency == walletStore.type
-                            ? walletStore.address
-                            : null,
-                        initialIsAmountEditable: false,
-                        initialIsAddressEditable: true,
-                        isAmountEstimated: true,
-                        currencies: CryptoCurrency.all,
-                        /*onCurrencySelected: (currency) => exchangeStore
-                              .changeReceiveCurrency(currency: currency),*/
-                        imageArrow: arrowBottomCakeGreen,
-                        currencyValueValidator: (value) {
-                          exchangeStore.validateCryptoCurrency(value);
-                          return exchangeStore.errorMessage;
-                        },
-                        addressTextFieldValidator: (value) {
-                          exchangeStore.validateAddress(value,
-                              cryptoCurrency: exchangeStore.receiveCurrency);
-                          return exchangeStore.errorMessage;
-                        },
-                      )),
-                ],
-              ),
-            ),*/
             bottomSectionPadding: EdgeInsets.only(left: 24, right: 24, bottom: 24),
             bottomSection: Column(children: <Widget>[
               Padding(
@@ -421,42 +370,32 @@ class ExchangeFormState extends State<ExchangeForm> {
                     textColor: Colors.white,
                     isLoading: exchangeStore.tradeState is TradeIsCreating,
                   )),
-              /*Observer(builder: (_) {
-                final title = exchangeStore.provider.description.title;
-                var imageSrc = '';
-
-                switch (exchangeStore.provider.description) {
-                  case ExchangeProviderDescription.xmrto:
-                    imageSrc = 'assets/images/xmr_btc.png';
-                    break;
-                  case ExchangeProviderDescription.changeNow:
-                    imageSrc = 'assets/images/change_now.png';
-                    break;
-                  case ExchangeProviderDescription.morphToken:
-                    imageSrc = 'assets/images/morph_icon.png';
-                    break;
-                }
-
-                return Padding(
-                  padding: EdgeInsets.only(top: 20, bottom: 20),
-                  child: Row(
-                    mainAxisAlignment: MainAxisAlignment.center,
-                    children: <Widget>[
-                      Image.asset(imageSrc),
-                      SizedBox(width: 10),
-                      Text(
-                        S.of(context).powered_by(title),
-                        style: TextStyle(fontSize: 14, color: Palette.powered),
-                      )
-                    ],
-                  ),
-                );
-              })*/
             ]),
           )),
     );
   }
 
+  void applyTemplate(ExchangeStore store, ExchangeTemplate template) {
+    store.changeDepositCurrency(currency: CryptoCurrency.fromString(template.depositCurrency));
+    store.changeReceiveCurrency(currency: CryptoCurrency.fromString(template.receiveCurrency));
+
+    switch (template.provider) {
+      case 'XMR.TO':
+        store.changeProvider(provider: store.providerList[0]);
+        break;
+      case 'ChangeNOW':
+        store.changeProvider(provider: store.providerList[1]);
+        break;
+      case 'MorphToken':
+        store.changeProvider(provider: store.providerList[2]);
+        break;
+    }
+
+    store.changeDepositAmount(amount: template.amount);
+    store.depositAddress = template.depositAddress;
+    store.receiveAddress = template.receiveAddress;
+  }
+
   void _setReactions(
       BuildContext context, ExchangeStore store, WalletStore walletStore) {
     if (_isReactionsSet) {
@@ -509,6 +448,12 @@ class ExchangeFormState extends State<ExchangeForm> {
       }
     });
 
+    reaction((_) => store.depositAddress, (String address) {
+      if (depositKey.currentState.addressController.text != address) {
+        depositKey.currentState.addressController.text = address;
+      }
+    });
+
     reaction((_) => store.receiveAmount, (String amount) {
       if (receiveKey.currentState.amountController.text !=
           store.receiveAmount) {
@@ -516,6 +461,12 @@ class ExchangeFormState extends State<ExchangeForm> {
       }
     });
 
+    reaction((_) => store.receiveAddress, (String address) {
+      if (receiveKey.currentState.addressController.text != address) {
+        receiveKey.currentState.addressController.text = address;
+      }
+    });
+
     reaction((_) => store.provider, (ExchangeProvider provider) {
         receiveKey.currentState.isAddressEditable(isEditable: true);
         receiveKey.currentState.isAmountEditable(isEditable: false);

lib/src/screens/exchange/exchange_template_page.dart

@@ -1,5 +1,4 @@
 import 'dart:ui';
-import 'package:dotted_border/dotted_border.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_mobx/flutter_mobx.dart';
@@ -10,7 +9,6 @@ import 'package:cake_wallet/routes.dart';
 import 'package:cake_wallet/generated/i18n.dart';
 import 'package:cake_wallet/src/domain/common/crypto_currency.dart';
 import 'package:cake_wallet/src/domain/exchange/exchange_provider.dart';
-import 'package:cake_wallet/src/domain/exchange/exchange_provider_description.dart';
 import 'package:cake_wallet/src/domain/exchange/xmrto/xmrto_exchange_provider.dart';
 import 'package:cake_wallet/src/stores/exchange/exchange_trade_state.dart';
 import 'package:cake_wallet/src/stores/exchange/limits_state.dart';
@@ -22,6 +20,7 @@ import 'package:cake_wallet/src/widgets/primary_button.dart';
 import 'package:cake_wallet/src/widgets/scollable_with_bottom_section.dart';
 import 'package:cake_wallet/src/widgets/top_panel.dart';
 import 'package:cake_wallet/src/screens/exchange/widgets/provider_picker.dart';
+import 'package:cake_wallet/src/stores/exchange_template/exchange_template_store.dart';
 
 class ExchangeTemplatePage extends BasePage {
   @override
@@ -31,7 +30,7 @@ class ExchangeTemplatePage extends BasePage {
   Color get backgroundColor => PaletteDark.walletCardSubAddressField;
 
   final Image arrowBottom =
-  Image.asset('assets/images/arrow_bottom_purple_icon.png', color: Colors.white, height: 8);
+  Image.asset('assets/images/arrow_bottom_purple_icon.png', color: Colors.white, height: 6);
 
   @override
   Widget trailing(BuildContext context) {
@@ -97,8 +96,336 @@ class ExchangeTemplateForm extends StatefulWidget{
 }
 
 class ExchangeTemplateFormState extends State<ExchangeTemplateForm> {
+  final depositKey = GlobalKey<ExchangeCardState>();
+  final receiveKey = GlobalKey<ExchangeCardState>();
+  final _formKey = GlobalKey<FormState>();
+  var _isReactionsSet = false;
+
+  final Image arrowBottomPurple = Image.asset(
+    'assets/images/arrow_bottom_purple_icon.png',
+    color: Colors.white,
+    height: 8,
+  );
+  final Image arrowBottomCakeGreen = Image.asset(
+    'assets/images/arrow_bottom_cake_green.png',
+    color: Colors.white,
+    height: 8,
+  );
+
   @override
   Widget build(BuildContext context) {
-    return Container();
+    final exchangeStore = Provider.of<ExchangeStore>(context);
+    final walletStore = Provider.of<WalletStore>(context);
+    final exchangeTemplateStore = Provider.of<ExchangeTemplateStore>(context);
+
+    final depositWalletName =
+    exchangeStore.depositCurrency == CryptoCurrency.xmr
+        ? walletStore.name
+        : null;
+    final receiveWalletName =
+    exchangeStore.receiveCurrency == CryptoCurrency.xmr
+        ? walletStore.name
+        : null;
+
+    WidgetsBinding.instance.addPostFrameCallback(
+            (_) => _setReactions(context, exchangeStore, walletStore));
+
+    return Container(
+      color: PaletteDark.historyPanel,
+      child: Form(
+          key: _formKey,
+          child: ScrollableWithBottomSection(
+            contentPadding: EdgeInsets.only(bottom: 24),
+            content: Column(
+              children: <Widget>[
+                TopPanel(
+                    color: PaletteDark.menuList,
+                    edgeInsets: EdgeInsets.only(bottom: 24),
+                    widget: Column(
+                      children: <Widget>[
+                        TopPanel(
+                            color: PaletteDark.walletCardSubAddressField,
+                            widget: Observer(
+                              builder: (_) => ExchangeCard(
+                                key: depositKey,
+                                title: S.of(context).you_will_send,
+                                initialCurrency: exchangeStore.depositCurrency,
+                                initialWalletName: depositWalletName,
+                                initialAddress:
+                                exchangeStore.depositCurrency == walletStore.type
+                                    ? walletStore.address
+                                    : null,
+                                initialIsAmountEditable: true,
+                                initialIsAddressEditable: true,
+                                isAmountEstimated: false,
+                                currencies: CryptoCurrency.all,
+                                onCurrencySelected: (currency) =>
+                                    exchangeStore.changeDepositCurrency(currency: currency),
+                                imageArrow: arrowBottomPurple,
+                                currencyButtonColor: PaletteDark.walletCardSubAddressField,
+                                addressButtonsColor: PaletteDark.menuList,
+                                currencyValueValidator: (value) {
+                                  exchangeStore.validateCryptoCurrency(value);
+                                  return exchangeStore.errorMessage;
+                                },
+                                addressTextFieldValidator: (value) {
+                                  exchangeStore.validateAddress(value,
+                                      cryptoCurrency: exchangeStore.depositCurrency);
+                                  return exchangeStore.errorMessage;
+                                },
+                              ),
+                            )
+                        ),
+                        Padding(
+                          padding: EdgeInsets.only(top: 32, left: 24, right: 24),
+                          child: Observer(
+                              builder: (_) => ExchangeCard(
+                                key: receiveKey,
+                                title: S.of(context).you_will_get,
+                                initialCurrency: exchangeStore.receiveCurrency,
+                                initialWalletName: receiveWalletName,
+                                initialAddress:
+                                exchangeStore.receiveCurrency == walletStore.type
+                                    ? walletStore.address
+                                    : null,
+                                initialIsAmountEditable: false,
+                                initialIsAddressEditable: true,
+                                isAmountEstimated: true,
+                                currencies: CryptoCurrency.all,
+                                onCurrencySelected: (currency) => exchangeStore
+                                    .changeReceiveCurrency(currency: currency),
+                                imageArrow: arrowBottomCakeGreen,
+                                currencyButtonColor: PaletteDark.menuList,
+                                currencyValueValidator: (value) {
+                                  exchangeStore.validateCryptoCurrency(value);
+                                  return exchangeStore.errorMessage;
+                                },
+                                addressTextFieldValidator: (value) {
+                                  exchangeStore.validateAddress(value,
+                                      cryptoCurrency: exchangeStore.receiveCurrency);
+                                  return exchangeStore.errorMessage;
+                                },
+                              )),
+                        )
+                      ],
+                    )
+                ),
+              ],
+            ),
+            bottomSectionPadding: EdgeInsets.only(left: 24, right: 24, bottom: 24),
+            bottomSection: Column(children: <Widget>[
+              Padding(
+                padding: EdgeInsets.only(bottom: 15),
+                child: Observer(builder: (_) {
+                  final description =
+                  exchangeStore.provider is XMRTOExchangeProvider
+                      ? S.of(context).amount_is_guaranteed
+                      : S.of(context).amount_is_estimate;
+                  return Center(
+                    child: Text(
+                      description,
+                      style: TextStyle(
+                          color: PaletteDark.walletCardText,
+                          fontSize: 12
+                      ),
+                    ),
+                  );
+                }),
+              ),
+              PrimaryButton(
+                onPressed: () {
+                  if (_formKey.currentState.validate()) {
+                    exchangeTemplateStore.addTemplate(
+                      amount: exchangeStore.depositAmount,
+                      depositCurrency: exchangeStore.depositCurrency.toString(),
+                      receiveCurrency: exchangeStore.receiveCurrency.toString(),
+                      provider: exchangeStore.provider.toString(),
+                      depositAddress: exchangeStore.depositAddress,
+                      receiveAddress: exchangeStore.receiveAddress
+                    );
+                    exchangeTemplateStore.update();
+                    Navigator.of(context).pop();
+                  }
+                },
+                text: S.of(context).save,
+                color: Colors.green,
+                textColor: Colors.white
+              ),
+            ]),
+          )),
+    );
+  }
+
+  void _setReactions(
+      BuildContext context, ExchangeStore store, WalletStore walletStore) {
+    if (_isReactionsSet) {
+      return;
+    }
+
+    final depositAddressController = depositKey.currentState.addressController;
+    final depositAmountController = depositKey.currentState.amountController;
+    final receiveAddressController = receiveKey.currentState.addressController;
+    final receiveAmountController = receiveKey.currentState.amountController;
+    final limitsState = store.limitsState;
+
+    if (limitsState is LimitsLoadedSuccessfully) {
+      final min = limitsState.limits.min != null
+          ? limitsState.limits.min.toString()
+          : null;
+      final max = limitsState.limits.max != null
+          ? limitsState.limits.max.toString()
+          : null;
+      final key = depositKey;
+      key.currentState.changeLimits(min: min, max: max);
+    }
+
+    _onCurrencyChange(store.receiveCurrency, walletStore, receiveKey);
+    _onCurrencyChange(store.depositCurrency, walletStore, depositKey);
+
+    reaction(
+            (_) => walletStore.name,
+            (String _) => _onWalletNameChange(
+            walletStore, store.receiveCurrency, receiveKey));
+
+    reaction(
+            (_) => walletStore.name,
+            (String _) => _onWalletNameChange(
+            walletStore, store.depositCurrency, depositKey));
+
+    reaction(
+            (_) => store.receiveCurrency,
+            (CryptoCurrency currency) =>
+            _onCurrencyChange(currency, walletStore, receiveKey));
+
+    reaction(
+            (_) => store.depositCurrency,
+            (CryptoCurrency currency) =>
+            _onCurrencyChange(currency, walletStore, depositKey));
+
+    reaction((_) => store.depositAmount, (String amount) {
+      if (depositKey.currentState.amountController.text != amount) {
+        depositKey.currentState.amountController.text = amount;
+      }
+    });
+
+    reaction((_) => store.receiveAmount, (String amount) {
+      if (receiveKey.currentState.amountController.text !=
+          store.receiveAmount) {
+        receiveKey.currentState.amountController.text = amount;
+      }
+    });
+
+    reaction((_) => store.provider, (ExchangeProvider provider) {
+      receiveKey.currentState.isAddressEditable(isEditable: true);
+      receiveKey.currentState.isAmountEditable(isEditable: false);
+      depositKey.currentState.isAddressEditable(isEditable: true);
+      depositKey.currentState.isAmountEditable(isEditable: true);
+
+      receiveKey.currentState.changeIsAmountEstimated(true);
+    });
+
+    reaction((_) => store.tradeState, (ExchangeTradeState state) {
+      if (state is TradeIsCreatedFailure) {
+        WidgetsBinding.instance.addPostFrameCallback((_) {
+          showDialog<void>(
+              context: context,
+              builder: (BuildContext context) {
+                return AlertDialog(
+                  title: Text(S.of(context).error),
+                  content: Text(state.error),
+                  actions: <Widget>[
+                    FlatButton(
+                        child: Text(S.of(context).ok),
+                        onPressed: () => Navigator.of(context).pop())
+                  ],
+                );
+              });
+        });
+      }
+      if (state is TradeIsCreatedSuccessfully) {
+        Navigator.of(context)
+            .pushNamed(Routes.exchangeConfirm, arguments: state.trade);
+      }
+    });
+
+    reaction((_) => store.limitsState, (LimitsState state) {
+      String min;
+      String max;
+
+      if (state is LimitsLoadedSuccessfully) {
+        min = state.limits.min != null ? state.limits.min.toString() : null;
+        max = state.limits.max != null ? state.limits.max.toString() : null;
+      }
+
+      if (state is LimitsLoadedFailure) {
+        min = '0';
+        max = '0';
+      }
+
+      if (state is LimitsIsLoading) {
+        min = '...';
+        max = '...';
+      }
+
+      depositKey.currentState.changeLimits(min: min, max: max);
+      receiveKey.currentState.changeLimits(min: null, max: null);
+    });
+
+    depositAddressController.addListener(
+            () => store.depositAddress = depositAddressController.text);
+
+    depositAmountController.addListener(() {
+      if (depositAmountController.text != store.depositAmount) {
+        store.changeDepositAmount(amount: depositAmountController.text);
+      }
+    });
+
+    receiveAddressController.addListener(
+            () => store.receiveAddress = receiveAddressController.text);
+
+    receiveAmountController.addListener(() {
+      if (receiveAmountController.text != store.receiveAmount) {
+        store.changeReceiveAmount(amount: receiveAmountController.text);
+      }
+    });
+
+    reaction((_) => walletStore.address, (String address) {
+      if (store.depositCurrency == CryptoCurrency.xmr) {
+        depositKey.currentState.changeAddress(address: address);
+      }
+
+      if (store.receiveCurrency == CryptoCurrency.xmr) {
+        receiveKey.currentState.changeAddress(address: address);
+      }
+    });
+
+    _isReactionsSet = true;
+  }
+
+  void _onCurrencyChange(CryptoCurrency currency, WalletStore walletStore,
+      GlobalKey<ExchangeCardState> key) {
+    final isCurrentTypeWallet = currency == walletStore.type;
+
+    key.currentState.changeSelectedCurrency(currency);
+    key.currentState
+        .changeWalletName(isCurrentTypeWallet ? walletStore.name : null);
+
+    key.currentState
+        .changeAddress(address: isCurrentTypeWallet ? walletStore.address : '');
+
+    key.currentState.changeAmount(amount: '');
+  }
+
+  void _onWalletNameChange(WalletStore walletStore, CryptoCurrency currency,
+      GlobalKey<ExchangeCardState> key) {
+    final isCurrentTypeWallet = currency == walletStore.type;
+
+    if (isCurrentTypeWallet) {
+      key.currentState.changeWalletName(walletStore.name);
+      key.currentState.addressController.text = walletStore.address;
+    } else if (key.currentState.addressController.text == walletStore.address) {
+      key.currentState.changeWalletName(null);
+      key.currentState.addressController.text = null;
+    }
   }
 }

lib/src/screens/exchange/widgets/exchange_card.dart

@@ -148,7 +148,7 @@ class ExchangeCardState extends State<ExchangeCard> {
                   validator: widget.currencyValueValidator
               ),
               Positioned(
-                bottom: 8,
+                top: 8,
                 right: 0,
                 child: Container(
                   height: 32,
@@ -222,133 +222,6 @@ class ExchangeCardState extends State<ExchangeCard> {
             validator: widget.addressTextFieldValidator,
           ),
         )
-
-        /*Container(
-          child: Row(
-              crossAxisAlignment: CrossAxisAlignment.center,
-              children: <Widget>[
-                Container(
-                  height: 52,
-                  width: 90,
-                  child: InkWell(
-                    onTap: () => _presentPicker(context),
-                    child: Column(
-                        crossAxisAlignment: CrossAxisAlignment.start,
-                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                        children: <Widget>[
-                          Row(
-                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                              children: <Widget>[
-                                Text(_selectedCurrency.toString(),
-                                    style: TextStyle(
-                                        fontWeight: FontWeight.bold,
-                                        fontSize: 24,
-                                        color: Theme.of(context)
-                                            .primaryTextTheme
-                                            .title
-                                            .color)),
-                                widget.imageArrow
-                              ]),
-                          _walletName != null
-                              ? Text(_walletName,
-                                  style: TextStyle(
-                                      fontSize: 12,
-                                      color: Palette.wildDarkBlue))
-                              : SizedBox(),
-                        ]),
-                  ),
-                ),
-                SizedBox(width: 10),
-                Flexible(
-                  child: Column(
-                    children: [
-                      TextFormField(
-                          style: TextStyle(fontSize: 23, height: 1.21),
-                          controller: amountController,
-                          enabled: _isAmountEditable,
-                          textAlign: TextAlign.right,
-                          keyboardType: TextInputType.numberWithOptions(
-                              signed: false, decimal: true),
-                          inputFormatters: [
-                            BlacklistingTextInputFormatter(
-                                RegExp('[\\-|\\ |\\,]'))
-                          ],
-                          decoration: InputDecoration(
-                              hintStyle: TextStyle(
-                                  color: Theme.of(context).cardTheme.color,
-                                  fontSize: 23,
-                                  height: 1.21),
-                              hintText: '0.00000000',
-                              focusedBorder: UnderlineInputBorder(
-                                  borderSide: BorderSide(
-                                      color: Palette.cakeGreen, width: 2.0)),
-                              enabledBorder: UnderlineInputBorder(
-                                  borderSide: BorderSide(
-                                      color: _isAmountEditable
-                                          ? Palette.deepPurple
-                                          : Theme.of(context).focusColor,
-                                      width: 1.0))),
-                          validator: widget.currencyValueValidator),
-                      SizedBox(height: 5),
-                      SizedBox(
-                        height: 15,
-                        width: double.infinity,
-                        child: Container(
-                          child: Row(
-                              mainAxisAlignment: MainAxisAlignment.end,
-                              children: <Widget>[
-                                _min != null
-                                    ? Text(
-                                        S.of(context).min_value(
-                                            _min, _selectedCurrency.toString()),
-                                        style: TextStyle(
-                                            fontSize: 10,
-                                            height: 1.2,
-                                            color: Theme.of(context)
-                                                .primaryTextTheme
-                                                .subtitle
-                                                .color),
-                                      )
-                                    : SizedBox(),
-                                _min != null ? SizedBox(width: 10) : SizedBox(),
-                                _max != null
-                                    ? Text(
-                                        S.of(context).max_value(
-                                            _max, _selectedCurrency.toString()),
-                                        style: TextStyle(
-                                            fontSize: 10,
-                                            height: 1.2,
-                                            color: Theme.of(context)
-                                                .primaryTextTheme
-                                                .subtitle
-                                                .color))
-                                    : SizedBox(),
-                              ]),
-                        ),
-                      ),
-                    ],
-                  ),
-                ),
-              ]),
-        ),
-        SizedBox(height: 10),
-        AddressTextField(
-          controller: addressController,
-          isActive: _isAddressEditable,
-          options: _isAddressEditable
-              ? _walletName != null
-                  ? [
-                      AddressTextFieldOption.qrCode,
-                      AddressTextFieldOption.addressBook,
-                      AddressTextFieldOption.subaddressList
-                    ]
-                  : [
-                      AddressTextFieldOption.qrCode,
-                      AddressTextFieldOption.addressBook,
-                    ]
-              : [],
-          validator: widget.addressTextFieldValidator,
-        )*/
       ]),
     );
   }

lib/src/screens/exchange/widgets/provider_picker.dart

@@ -8,12 +8,14 @@ class ProviderPicker extends StatelessWidget {
   ProviderPicker({
     @required this.selectedAtIndex,
     @required this.items,
+    @required this.images,
     @required this.title,
     @required this.onItemSelected,
   });
 
   final int selectedAtIndex;
   final List<ExchangeProvider> items;
+  final List<Image> images;
   final String title;
   final Function(ExchangeProvider) onItemSelected;
 
@@ -61,6 +63,7 @@ class ProviderPicker extends StatelessWidget {
                               itemCount: items == null ? 0 : items.length,
                               itemBuilder: (context, index) {
                                 final item = items[index];
+                                final image = images[index];
                                 final isItemSelected = index == selectedAtIndex;
 
                                 final color = isItemSelected
@@ -81,16 +84,26 @@ class ProviderPicker extends StatelessWidget {
                                   child: Container(
                                     height: 77,
                                     padding: EdgeInsets.only(left: 24, right: 24),
-                                    alignment: Alignment.center,
                                     color: color,
-                                    child: Text(
-                                      item.toString(),
-                                      style: TextStyle(
-                                        fontSize: 18,
-                                        fontWeight: FontWeight.bold,
-                                        color: textColor,
-                                        decoration: TextDecoration.none,
-                                      ),
+                                    child: Row(
+                                      mainAxisSize: MainAxisSize.min,
+                                      mainAxisAlignment: MainAxisAlignment.start,
+                                      crossAxisAlignment: CrossAxisAlignment.center,
+                                      children: <Widget>[
+                                        image,
+                                        Padding(
+                                          padding: EdgeInsets.only(left: 12),
+                                          child: Text(
+                                            item.toString(),
+                                            style: TextStyle(
+                                              fontSize: 18,
+                                              fontWeight: FontWeight.bold,
+                                              color: textColor,
+                                              decoration: TextDecoration.none,
+                                            ),
+                                          ),
+                                        )
+                                      ],
                                     ),
                                   ),
                                 );

lib/src/screens/send/send_page.dart

@@ -357,7 +357,7 @@ class SendFormState extends State<SendForm> {
                         if (index == 0) {
                           return GestureDetector(
                             onTap: () => Navigator.of(context)
-                                .pushNamed(Routes.sendTemplate, arguments: sendStore),
+                                .pushNamed(Routes.sendTemplate),
                             child: Container(
                               padding: EdgeInsets.only(right: 10),
                               child: DottedBorder(

lib/src/stores/exchange/exchange_store.dart

@@ -33,6 +33,10 @@ abstract class ExchangeStoreBase with Store {
     provider = initialProvider;
     depositCurrency = initialDepositCurrency;
     receiveCurrency = initialReceiveCurrency;
+    depositAmount = '';
+    receiveAmount = '';
+    depositAddress = '';
+    receiveAddress = '';
     limitsState = LimitsInitialState();
     tradeState = ExchangeTradeStateInitial();
     _cryptoNumberFormat = NumberFormat()..maximumFractionDigits = 12;
@@ -63,6 +67,12 @@ abstract class ExchangeStoreBase with Store {
   @observable
   String receiveAmount;
 
+  @observable
+  String depositAddress;
+
+  @observable
+  String receiveAddress;
+
   @observable
   bool isValid;
 
@@ -71,10 +81,6 @@ abstract class ExchangeStoreBase with Store {
 
   Box<Trade> trades;
 
-  String depositAddress;
-
-  String receiveAddress;
-
   WalletStore walletStore;
 
   Limits limits;

lib/src/stores/exchange_template/exchange_template_store.dart

@@ -0,0 +1,40 @@
+import 'dart:async';
+import 'package:mobx/mobx.dart';
+import 'package:hive/hive.dart';
+import 'package:cake_wallet/src/domain/exchange/exchange_template.dart';
+
+part 'exchange_template_store.g.dart';
+
+class ExchangeTemplateStore = ExchangeTemplateBase with _$ExchangeTemplateStore;
+
+abstract class ExchangeTemplateBase with Store {
+  ExchangeTemplateBase({this.templateSource}) {
+    templates = ObservableList<ExchangeTemplate>();
+    update();
+  }
+
+  @observable
+  ObservableList<ExchangeTemplate> templates;
+
+  Box<ExchangeTemplate> templateSource;
+
+  @action
+  void update() =>
+      templates.replaceRange(0, templates.length, templateSource.values.toList());
+
+  @action
+  Future addTemplate({String amount, String depositCurrency, String receiveCurrency,
+    String provider, String depositAddress, String receiveAddress}) async {
+    final template = ExchangeTemplate(
+        amount: amount,
+        depositCurrency: depositCurrency,
+        receiveCurrency: receiveCurrency,
+        provider: provider,
+        depositAddress: depositAddress,
+        receiveAddress: receiveAddress);
+    await templateSource.add(template);
+  }
+
+  @action
+  Future remove({ExchangeTemplate template}) async => await template.delete();
+}