enhance UI for used addresses (#1337)

* enhance UI for used addresses

* Update electrum_wallet_addresses.dart

* fix tablet UI

---------

Co-authored-by: Serhii <borodenko.sv@gmail.com>

cw_bitcoin/lib/electrum_wallet_addresses.dart

@@ -241,6 +241,8 @@ abstract class ElectrumWalletAddressesBase extends WalletAddresses with Store {
     final index = _addresses.indexOf(addressRecord);
     _addresses.remove(addressRecord);
     _addresses.insert(index, addressRecord);
+
+    updateAddressesByMatch();
   }
 
   @action

lib/src/screens/receive/widgets/address_cell.dart

@@ -1,5 +1,6 @@
 import 'package:auto_size_text/auto_size_text.dart';
 import 'package:cake_wallet/generated/i18n.dart';
+import 'package:cake_wallet/utils/responsive_layout_util.dart';
 import 'package:cake_wallet/view_model/wallet_address_list/wallet_address_list_item.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_slidable/flutter_slidable.dart';
@@ -81,41 +82,45 @@ class AddressCell extends StatelessWidget {
                 child: Column(
                   children: [
                     Row(
-                      mainAxisAlignment: MainAxisAlignment.center,
+                      mainAxisAlignment: name.isNotEmpty ? MainAxisAlignment.spaceBetween : MainAxisAlignment.center,
                       mainAxisSize: MainAxisSize.max,
                       children: [
-                        if (isChange)
+                        Row(
-                          Padding(
+                          children: [
-                            padding: const EdgeInsets.only(right: 8.0),
+                            if (isChange)
-                            child: Container(
+                              Padding(
-                              height: 20,
+                                padding: const EdgeInsets.only(right: 8.0),
-                              padding: EdgeInsets.all(4),
+                                child: Container(
-                              decoration: BoxDecoration(
+                                  height: 20,
-                                  borderRadius: BorderRadius.all(Radius.circular(8.5)),
+                                  padding: EdgeInsets.all(4),
-                                  color: textColor),
+                                  decoration: BoxDecoration(
-                              alignment: Alignment.center,
+                                      borderRadius: BorderRadius.all(Radius.circular(8.5)),
-                              child: Text(
+                                      color: textColor),
-                                S.of(context).unspent_change,
+                                  alignment: Alignment.center,
-                                style: TextStyle(
+                                  child: Text(
-                                  color: backgroundColor,
+                                    S.of(context).unspent_change,
-                                  fontSize: 10,
+                                    style: TextStyle(
-                                  fontWeight: FontWeight.w600,
+                                      color: backgroundColor,
+                                      fontSize: 10,
+                                      fontWeight: FontWeight.w600,
+                                    ),
+                                  ),
                                 ),
                               ),
-                            ),
+                            if (name.isNotEmpty)
-                          ),
+                              Text(
-                        if (name.isNotEmpty)
+                                '$name',
-                          Text(
+                                style: TextStyle(
-                            '$name - ',
+                                  fontSize: 14,
-                            style: TextStyle(
+                                  fontWeight: FontWeight.w600,
-                              fontSize: 14,
+                                  color: textColor,
-                              fontWeight: FontWeight.w600,
+                                ),
-                              color: textColor,
+                              ),
-                            ),
+                          ],
-                          ),
+                        ),
                         Flexible(
                           child: AutoSizeText(
-                            formattedAddress,
+                            responsiveLayoutUtil.shouldRenderTabletUI ? address : formattedAddress,
                             maxLines: 1,
                             overflow: TextOverflow.ellipsis,
                             style: TextStyle(

lib/src/screens/settings/privacy_page.dart

@@ -55,7 +55,9 @@ class PrivacyPage extends BasePage {
                   }),
               if (_privacySettingsViewModel.isAutoGenerateSubaddressesVisible)
                 SettingsSwitcherCell(
-                  title: S.current.auto_generate_subaddresses,
+                  title: _privacySettingsViewModel.isMoneroWallet
+                    ? S.current.auto_generate_subaddresses
+                    : S.current.auto_generate_addresses,
                   value: _privacySettingsViewModel.isAutoGenerateSubaddressesEnabled,
                   onValueChange: (BuildContext _, bool value) {
                     _privacySettingsViewModel.setAutoGenerateSubaddresses(value);

lib/utils/responsive_layout_util.dart

@@ -46,6 +46,10 @@ abstract class ResponsiveLayoutUtilBase with Store, WidgetsBindingObserver {
         (orientation == Orientation.portrait && screenWidth < screenHeight) ||
         (orientation == Orientation.landscape && screenWidth < screenHeight);
   }
+
+  bool get shouldRenderTabletUI {
+    return screenWidth > _kMobileThreshold && screenWidth < kDesktopMaxDashBoardWidthConstraint;
+  }
 }
 
 _ResponsiveLayoutUtil _singletonResponsiveLayoutUtil = _ResponsiveLayoutUtil();

lib/view_model/settings/privacy_settings_view_model.dart

@@ -44,6 +44,8 @@ abstract class PrivacySettingsViewModelBase with Store {
       _wallet.type == WalletType.litecoin ||
       _wallet.type == WalletType.bitcoinCash;
 
+  bool get isMoneroWallet => _wallet.type == WalletType.monero;
+
   @computed
   bool get shouldSaveRecipientAddress => _settingsStore.shouldSaveRecipientAddress;
 

res/values/strings_ar.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "PIN خطأ",
   "authenticated": "تم المصادقة",
   "authentication": "المصادقة",
+  "auto_generate_addresses": "تلقائي توليد العناوين",
   "auto_generate_subaddresses": "تلقائي توليد subddresses",
   "automatic": "تلقائي",
   "available_balance": "الرصيد المتوفر",

res/values/strings_bg.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Грешен PIN",
   "authenticated": "Удостоверено",
   "authentication": "Удостоверяване",
+  "auto_generate_addresses": "Автоматично генериране на адреси",
   "auto_generate_subaddresses": "Автоматично генериране на подадреси",
   "automatic": "Автоматично",
   "available_balance": "Наличен баланс",

res/values/strings_cs.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Nesprávný PIN",
   "authenticated": "Ověřeno",
   "authentication": "Ověřování",
+  "auto_generate_addresses": "Automatické generování adres",
   "auto_generate_subaddresses": "Automaticky generovat podadresy",
   "automatic": "Automatický",
   "available_balance": "Dostupný zůstatek",

res/values/strings_de.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Falsche PIN",
   "authenticated": "Authentifiziert",
   "authentication": "Authentifizierung",
+  "auto_generate_addresses": "Automatisch generieren Adressen",
   "auto_generate_subaddresses": "Unteradressen automatisch generieren",
   "automatic": "Automatisch",
   "available_balance": "Verfügbares Guthaben",
@@ -422,8 +423,8 @@
   "placeholder_transactions": "Ihre Transaktionen werden hier angezeigt",
   "please_fill_totp": "Bitte geben Sie den 8-stelligen Code ein, der auf Ihrem anderen Gerät vorhanden ist",
   "please_make_selection": "Bitte treffen Sie unten eine Auswahl zum Erstellen oder Wiederherstellen Ihrer Wallet.",
-  "please_reference_document": "Bitte verweisen Sie auf die folgenden Dokumente, um weitere Informationen zu erhalten.",
   "Please_reference_document": "Weitere Informationen finden Sie in den Dokumenten unten.",
+  "please_reference_document": "Bitte verweisen Sie auf die folgenden Dokumente, um weitere Informationen zu erhalten.",
   "please_select": "Bitte auswählen:",
   "please_select_backup_file": "Bitte wählen Sie die Sicherungsdatei und geben Sie das Sicherungskennwort ein.",
   "please_try_to_connect_to_another_node": "Bitte versuchen Sie, sich mit einem anderen Knoten zu verbinden",

res/values/strings_en.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Wrong PIN",
   "authenticated": "Authenticated",
   "authentication": "Authentication",
+  "auto_generate_addresses": "Auto generate addresses",
   "auto_generate_subaddresses": "Auto generate subaddresses",
   "automatic": "Automatic",
   "available_balance": "Available Balance",

res/values/strings_es.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Contraseña PIN",
   "authenticated": "Autenticados",
   "authentication": "Autenticación",
+  "auto_generate_addresses": "Auto Generar direcciones",
   "auto_generate_subaddresses": "Generar subdirecciones automáticamente",
   "automatic": "Automático",
   "available_balance": "Balance disponible",

res/values/strings_fr.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Mauvais code PIN",
   "authenticated": "Authentifié",
   "authentication": "Authentification",
+  "auto_generate_addresses": "Adresses de génération automatique",
   "auto_generate_subaddresses": "Générer automatiquement des sous-adresses",
   "automatic": "Automatique",
   "available_balance": "Solde Disponible",

res/values/strings_ha.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "PIN na gaskiya",
   "authenticated": "Ingantacce",
   "authentication": "Tabbatarwa",
+  "auto_generate_addresses": "Adireshin Auto",
   "auto_generate_subaddresses": "Saɓaƙa subaddresses ta kai tsaye",
   "automatic": "Na atomatik",
   "available_balance": "KUDI",

res/values/strings_hi.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "गलत पिन",
   "authenticated": "प्रमाणीकृत",
   "authentication": "प्रमाणीकरण",
+  "auto_generate_addresses": "ऑटो उत्पन्न पते",
   "auto_generate_subaddresses": "स्वचालित रूप से उप-पते उत्पन्न करें",
   "automatic": "स्वचालित",
   "available_balance": "उपलब्ध शेष राशि",

res/values/strings_hr.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Pogrešan PIN",
   "authenticated": "Autentificiran",
   "authentication": "Autentifikacija",
+  "auto_generate_addresses": "Automatsko generiranje adresa",
   "auto_generate_subaddresses": "Automatski generirajte podadrese",
   "automatic": "Automatski",
   "available_balance": "Raspoloživ iznos",

res/values/strings_id.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "PIN yang salah",
   "authenticated": "Terotentikasi",
   "authentication": "Otentikasi",
+  "auto_generate_addresses": "Auto menghasilkan alamat",
   "auto_generate_subaddresses": "Menghasilkan subalamat secara otomatis",
   "automatic": "Otomatis",
   "available_balance": "Saldo Tersedia",

res/values/strings_it.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "PIN non corretto",
   "authenticated": "Autenticato",
   "authentication": "Autenticazione",
+  "auto_generate_addresses": "Auto Genera indirizzi",
   "auto_generate_subaddresses": "Genera automaticamente sottindirizzi",
   "automatic": "Automatico",
   "available_balance": "Saldo Disponibile",

res/values/strings_ja.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "間違ったPIN",
   "authenticated": "認証済み",
   "authentication": "認証",
+  "auto_generate_addresses": "Autoはアドレスを生成します",
   "auto_generate_subaddresses": "Autoはサブアドレスを生成します",
   "automatic": "自動",
   "available_balance": "利用可能残高",

res/values/strings_ko.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "잘못된 PIN",
   "authenticated": "인증",
   "authentication": "입증",
+  "auto_generate_addresses": "자동 생성 주소",
   "auto_generate_subaddresses": "자동 생성 서브 아드 드레스",
   "automatic": "자동적 인",
   "available_balance": "사용 가능한 잔액",

res/values/strings_my.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "ပင်နံပါတ် မှားနေသည်။",
   "authenticated": "အစစ်အမှန်",
   "authentication": "စစ်ဆေးခြင်း",
+  "auto_generate_addresses": "Auto Generate လိပ်စာများ",
   "auto_generate_subaddresses": "အော်တို Generate Subaddresses",
   "automatic": "အလိုအလျောက်",
   "available_balance": "လက်ကျန်ငွေ ရရှိနိုင်",

res/values/strings_nl.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Incorrect PIN",
   "authenticated": "Authenticated",
   "authentication": "Authenticatie",
+  "auto_generate_addresses": "Auto -genereer adressen",
   "auto_generate_subaddresses": "Automatisch subadressen genereren",
   "automatic": "automatisch",
   "available_balance": "Beschikbaar saldo",

res/values/strings_pl.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Niepoprawny PIN",
   "authenticated": "Uwierzytelniony",
   "authentication": "Uwierzytelnianie",
+  "auto_generate_addresses": "Auto generują adresy",
   "auto_generate_subaddresses": "Automatycznie generuj podadresy",
   "automatic": "Automatyczny",
   "available_balance": "Dostępne środki",

res/values/strings_pt.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "PIN incorreto",
   "authenticated": "Autenticado",
   "authentication": "Autenticação",
+  "auto_generate_addresses": "Endereços gerados automaticamente",
   "auto_generate_subaddresses": "Gerar subendereços automaticamente",
   "automatic": "Automático",
   "available_balance": "Saldo disponível",

res/values/strings_ru.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Некорректный PIN",
   "authenticated": "Аутентифицировано",
   "authentication": "Аутентификация",
+  "auto_generate_addresses": "Авто генерируйте адреса",
   "auto_generate_subaddresses": "Авто генерируйте Subaddresses",
   "automatic": "автоматический",
   "available_balance": "Доступный баланс",

res/values/strings_th.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "รหัสผ่านไม่ถูกต้อง",
   "authenticated": "ได้รับการยืนยันสิทธิ์",
   "authentication": "การยืนยันสิทธิ์",
+  "auto_generate_addresses": "สร้างที่อยู่อัตโนมัติ",
   "auto_generate_subaddresses": "Auto สร้าง subaddresses",
   "automatic": "อัตโนมัติ",
   "available_balance": "ยอดคงเหลือที่ใช้งานได้",

res/values/strings_tl.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Maling pin",
   "authenticated": "Napatunayan",
   "authentication": "Pagpapatunay",
+  "auto_generate_addresses": "Auto bumuo ng mga address",
   "auto_generate_subaddresses": "Ang Auto ay bumubuo ng mga subaddresses",
   "automatic": "Awtomatiko",
   "available_balance": "Magagamit na balanse",

res/values/strings_tr.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Hatalı PIN",
   "authenticated": "Doğrulandı",
   "authentication": "Doğrulama",
+  "auto_generate_addresses": "Otomatik Adres Oluşturma",
   "auto_generate_subaddresses": "Alt adresleri otomatik olarak oluştur",
   "automatic": "Otomatik",
   "available_balance": "Kullanılabilir Bakiye",

res/values/strings_uk.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Некоректний PIN",
   "authenticated": "Аутентифіковано",
   "authentication": "Аутентифікація",
+  "auto_generate_addresses": "Авто генерувати адреси",
   "auto_generate_subaddresses": "Автоматично генерувати підадреси",
   "automatic": "Автоматичний",
   "available_balance": "Доступний баланс",

res/values/strings_ur.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "غلط PIN",
   "authenticated": "تصدیق شدہ",
   "authentication": "تصدیق",
+  "auto_generate_addresses": "آٹو پیدا کرنے والے پتے",
   "auto_generate_subaddresses": "آٹو سب ایڈریس تیار کرتا ہے",
   "automatic": "خودکار",
   "available_balance": "دستیاب بیلنس",

res/values/strings_yo.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "Òǹkà ìdánimọ̀ àdáni kọ́ ni èyí",
   "authenticated": "A ti jẹ́rìísí yín",
   "authentication": "Ìfẹ̀rílàdí",
+  "auto_generate_addresses": "Awọn adirẹsi ṣe agbekalẹ awọn adirẹsi",
   "auto_generate_subaddresses": "Aṣiṣe Ibi-Afọwọkọ",
   "automatic": "Ó máa ń ṣàdédé",
   "available_balance": "Ìyókù owó tó wà níbẹ̀",

res/values/strings_zh.arb

@@ -59,6 +59,7 @@
   "auth_store_incorrect_password": "PIN码错误",
   "authenticated": "已认证",
   "authentication": "认证方式",
+  "auto_generate_addresses": "自动生成地址",
   "auto_generate_subaddresses": "自动生成子辅助",
   "automatic": "自动的",
   "available_balance": "可用余额",