fix: Error network screen

assets/translations/en.json

@@ -637,5 +637,8 @@
   "expiresInCustodians": "Expires in {}",
   "deploymentInProgress": "Deployment in progress",
   "expirationTimeDetails": "Expires in {} hours {} minutes ({} at {})",
-  "errorMessageMaxUnconfirmedTransactions": "Unconfirmed transactions is limited by 5"
+  "errorMessageMaxUnconfirmedTransactions": "Unconfirmed transactions is limited by 5",
+  "noRpcConnection": "No RPC connection",
+  "tryAgainOrContact": "Please try again or contact technical support",
+  "contactUs": "Contact us"
 }

assets/translations/ko.json

@@ -637,5 +637,8 @@
   "expiresInCustodians": "Expires in {}",
   "deploymentInProgress": "Deployment in progress",
   "expirationTimeDetails": "Expires in {} hours {} minutes ({} at {})",
-  "errorMessageMaxUnconfirmedTransactions": "Unconfirmed transactions is limited by 5"
+  "errorMessageMaxUnconfirmedTransactions": "Unconfirmed transactions is limited by 5",
+  "noRpcConnection": "No RPC connection",
+  "tryAgainOrContact": "Please try again or contact technical support",
+  "contactUs": "Contact us"
 }

lib/feature/connection_fail/connection_fail_screen.dart

@@ -21,32 +21,44 @@ class ConnectionFailScreen extends ElementaryWidget<ConnectionFailWidgetModel> {
       backgroundColor: wm.colors.background0,
       body: Stack(
         children: [
-          Assets.images.bgInternet.image(width: double.infinity),
-          Column(
-            mainAxisAlignment: MainAxisAlignment.center,
-            children: [
-              Text(
-                'TODO Connection',
-                // LocaleKeys.oopsNoInternet.tr(),
-                style: wm.textStyles.headingLarge,
-                textAlign: TextAlign.center,
-              ),
-              const SizedBox(height: DimensSize.d8),
-              Text(
-                LocaleKeys.offlineCheckConnection.tr(),
-                style: wm.textStyles.paragraphMedium,
-                textAlign: TextAlign.center,
-              ),
-            ],
+          Assets.images.bgConnection.image(width: double.infinity),
+          SizedBox(
+            width: double.infinity,
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Text(
+                  LocaleKeys.noRpcConnection.tr(),
+                  style: wm.textStyles.headingLarge,
+                  textAlign: TextAlign.center,
+                ),
+                const SizedBox(height: DimensSize.d8),
+                Text(
+                  LocaleKeys.tryAgainOrContact.tr(),
+                  style: wm.textStyles.paragraphMedium,
+                  textAlign: TextAlign.center,
+                ),
+              ],
+            ),
           ),
           Positioned(
             bottom: DimensSizeV2.d34,
             left: DimensSizeV2.d16,
             right: DimensSizeV2.d16,
-            child: PrimaryButton(
-              buttonShape: ButtonShape.pill,
-              title: LocaleKeys.tryAgain.tr(),
-              onPressed: wm.onPressedTryAgain,
+            child: Column(
+              children: [
+                PrimaryButton(
+                  buttonShape: ButtonShape.pill,
+                  title: LocaleKeys.tryAgain.tr(),
+                  onPressed: wm.onPressedTryAgain,
+                ),
+                const SizedBox(height: DimensSize.d12),
+                PrimaryButton(
+                  buttonShape: ButtonShape.pill,
+                  title: LocaleKeys.contactUs.tr(),
+                  onPressed: wm.onPressedContactUs,
+                ),
+              ],
             ),
           ),
         ],

lib/feature/connection_fail/connection_fail_screen_wm.dart

@@ -6,6 +6,8 @@ import 'package:app/di/di.dart';
 import 'package:app/feature/bootstrap_failed/cubit/rerun_cubit/rerun_cubit.dart';
 import 'package:app/feature/connection_fail/connection_fail_screen.dart';
 import 'package:app/feature/connection_fail/connection_fail_screen_model.dart';
+import 'package:app/feature/contact_support/widgets/contact_support/contact_support_mode.dart';
+import 'package:app/feature/contact_support/widgets/contact_support/contact_support_sheet.dart';
 import 'package:elementary/elementary.dart';
 import 'package:flutter/widgets.dart';
 import 'package:ui_components_lib/ui_components_lib.dart';
@@ -39,4 +41,11 @@ class ConnectionFailWidgetModel
   Future<void> onPressedTryAgain() async {
     model.tryAgain(context);
   }
+
+  void onPressedContactUs() {
+    showContactSupportSheet(
+      context: context,
+      mode: ContactSupportMode.initiatedByCrash,
+    );
+  }
 }

lib/feature/wallet/widgets/wallet_app_bar/wallet_app_bar_widget.dart

@@ -4,7 +4,6 @@ import 'package:app/feature/wallet/widgets/select_account/select_account_sheet.d
 import 'package:app/feature/wallet/widgets/wallet_app_bar/wallet_app_bar_wm.dart';
 import 'package:app/utils/utils.dart';
 import 'package:app/widgets/network_drop_item.dart';
-import 'package:app/widgets/network_icon.dart';
 import 'package:app/widgets/user_avatar/user_avatar.dart';
 import 'package:elementary/elementary.dart';
 import 'package:elementary_helper/elementary_helper.dart';
@@ -61,8 +60,7 @@ class WalletAppBarWidget extends ElementaryWidget<WalletAppBarWidgetModel>
                       connection?.let(
                         (value) => GestureDetector(
                           onTap: wm.onNetwork,
-                          child:
-                              NetworkDropItem(data: value),
+                          child: NetworkDropItem(data: value),
                         ),
                       ) ??
                       const SizedBox.shrink(),

lib/generated/locale_keys.g.dart

@@ -662,4 +662,7 @@ abstract class LocaleKeys {
   static const expirationTimeDetails = 'expirationTimeDetails';
   static const errorMessageMaxUnconfirmedTransactions =
       'errorMessageMaxUnconfirmedTransactions';
+  static const noRpcConnection = 'noRpcConnection';
+  static const tryAgainOrContact = 'tryAgainOrContact';
+  static const contactUs = 'contactUs';
 }