add custom token dialog modified for desktop

lib/pages/add_wallet_views/add_token_view/edit_wallet_tokens_view.dart

@@ -12,7 +12,6 @@ import 'package:stackwallet/pages/add_wallet_views/add_token_view/sub_widgets/ad
 import 'package:stackwallet/pages/add_wallet_views/add_token_view/sub_widgets/add_token_list_element.dart';
 import 'package:stackwallet/pages/add_wallet_views/add_token_view/sub_widgets/add_token_text.dart';
 import 'package:stackwallet/pages_desktop_specific/desktop_home_view.dart';
-import 'package:stackwallet/pages_desktop_specific/my_stack_view/exit_to_my_stack_button.dart';
 import 'package:stackwallet/providers/global/wallets_provider.dart';
 import 'package:stackwallet/services/coins/ethereum/ethereum_wallet.dart';
 import 'package:stackwallet/utilities/assets.dart';
@@ -113,18 +112,32 @@ class _EditWalletTokensViewState extends ConsumerState<EditWalletTokensView> {
   }
 
   Future<void> _addToken() async {
-    final token = await Navigator.of(context).pushNamed(
+    EthContract? contract;
-      AddCustomTokenView.routeName,
+
-      arguments: widget.walletId,
+    if (isDesktop) {
+      contract = await showDialog(
+        context: context,
+        builder: (context) => const DesktopDialog(
+          maxWidth: 580,
+          maxHeight: 500,
+          child: AddCustomTokenView(),
+        ),
       );
-    if (token is EthContract) {
+    } else {
-      await MainDB.instance.putEthContract(token);
+      contract = await Navigator.of(context).pushNamed(
+        AddCustomTokenView.routeName,
+      );
+    }
+
+    if (contract != null) {
+      await MainDB.instance.putEthContract(contract);
       if (mounted) {
         setState(() {
           if (tokenEntities
-              .where((e) => e.token.address == token.address)
+              .where((e) => e.token.address == contract!.address)
               .isEmpty) {
-            tokenEntities.add(AddTokenListElementData(token)..selected = true);
+            tokenEntities
+                .add(AddTokenListElementData(contract!)..selected = true);
             tokenEntities.sort((a, b) => a.token.name.compareTo(b.token.name));
           }
         });
@@ -184,13 +197,51 @@ class _EditWalletTokensViewState extends ConsumerState<EditWalletTokensView> {
         builder: (child) => DesktopScaffold(
           appBar: DesktopAppBar(
             isCompactHeight: false,
+            useSpacers: false,
             leading: const AppBarBackButton(),
+            overlayCenter: Text(
+              walletName,
+              style: STextStyles.desktopSubtitleH2(context),
+            ),
             trailing: widget.contractsToMarkSelected == null
-                ? const ExitToMyStackButton()
+                ? Padding(
+                    padding: const EdgeInsets.only(
+                      right: 24,
+                    ),
+                    child: SizedBox(
+                      height: 56,
+                      child: TextButton(
+                        style: Theme.of(context)
+                            .extension<StackColors>()!
+                            .getSmallSecondaryEnabledButtonStyle(context),
+                        onPressed: _addToken,
+                        child: Padding(
+                          padding: const EdgeInsets.symmetric(
+                            horizontal: 30,
+                          ),
+                          child: Text(
+                            "Add custom token",
+                            style:
+                                STextStyles.desktopButtonSmallSecondaryEnabled(
+                                    context),
+                          ),
+                        ),
+                      ),
+                    ),
+                  )
                 : null,
           ),
           body: SizedBox(
             width: 480,
+            child: Column(
+              children: [
+                const AddTokenText(
+                  isDesktop: true,
+                ),
+                const SizedBox(
+                  height: 16,
+                ),
+                Expanded(
                   child: RoundedWhiteContainer(
                     radiusMultiplier: 2,
                     padding: const EdgeInsets.only(
@@ -199,18 +250,9 @@ class _EditWalletTokensViewState extends ConsumerState<EditWalletTokensView> {
                       right: 20,
                       bottom: 0,
                     ),
-              child: Column(
-                children: [
-                  AddTokenText(
-                    isDesktop: true,
-                    walletName: walletName,
-                  ),
-                  const SizedBox(
-                    height: 16,
-                  ),
-                  Expanded(
                     child: child,
                   ),
+                ),
                 const SizedBox(
                   height: 26,
                 ),
@@ -231,7 +273,6 @@ class _EditWalletTokensViewState extends ConsumerState<EditWalletTokensView> {
             ),
           ),
         ),
-        ),
         child: ConditionalParent(
           condition: widget.isDesktopPopup,
           builder: (child) => DesktopDialog(
@@ -369,7 +410,7 @@ class _EditWalletTokensViewState extends ConsumerState<EditWalletTokensView> {
                 child: AddTokenList(
                   walletId: widget.walletId,
                   items: filter(_searchTerm, tokenEntities),
-                  addFunction: widget.isDesktopPopup ? null : _addToken,
+                  addFunction: isDesktop ? null : _addToken,
                 ),
               ),
               const SizedBox(

lib/pages/add_wallet_views/add_token_view/sub_widgets/add_token_text.dart

@@ -5,10 +5,10 @@ class AddTokenText extends StatelessWidget {
   const AddTokenText({
     Key? key,
     required this.isDesktop,
-    required this.walletName,
+    this.walletName,
   }) : super(key: key);
 
-  final String walletName;
+  final String? walletName;
   final bool isDesktop;
 
   @override
@@ -16,13 +16,15 @@ class AddTokenText extends StatelessWidget {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.stretch,
       children: [
+        if (walletName != null)
           Text(
-          walletName,
+            walletName!,
             textAlign: TextAlign.center,
             style: isDesktop
                 ? STextStyles.sectionLabelMedium12(context) // todo: fixme
                 : STextStyles.sectionLabelMedium12(context),
           ),
+        if (walletName != null)
           const SizedBox(
             height: 4,
           ),