desktop mnemonic length dropdown

lib/pages/add_wallet_views/restore_wallet_view/restore_options_view.dart

@@ -1,3 +1,4 @@
+import 'package:dropdown_button2/dropdown_button2.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:flutter_rounded_date_picker/flutter_rounded_date_picker.dart';
@@ -199,6 +200,8 @@ class _RestoreOptionsViewState extends ConsumerState<RestoreOptionsView> {
   Widget build(BuildContext context) {
     debugPrint("BUILD: $runtimeType with ${coin.name} $walletName");
 
+    final lengths = Constants.possibleLengthsForCoin(coin).toList();
+
     return DesktopScaffold(
       appBar: isDesktop
           ? const DesktopAppBar(
@@ -220,6 +223,10 @@ class _RestoreOptionsViewState extends ConsumerState<RestoreOptionsView> {
             ),
       body: PlatformRestoreOptionsLayout(
         isDesktop: isDesktop,
+        child: ConstrainedBox(
+          constraints: BoxConstraints(
+            maxWidth: isDesktop ? 480 : double.infinity,
+          ),
           child: Column(
             crossAxisAlignment: CrossAxisAlignment.stretch,
             children: [
@@ -304,6 +311,54 @@ class _RestoreOptionsViewState extends ConsumerState<RestoreOptionsView> {
               SizedBox(
                 height: isDesktop ? 16 : 8,
               ),
+              if (isDesktop)
+                DropdownButtonHideUnderline(
+                  child: DropdownButton2<int>(
+                    value:
+                        ref.watch(mnemonicWordCountStateProvider.state).state,
+                    items: [
+                      ...lengths.map(
+                        (e) => DropdownMenuItem(
+                          value: e,
+                          child: Text(
+                            "$e words",
+                            style: STextStyles.desktopTextMedium,
+                          ),
+                        ),
+                      ),
+                    ],
+                    onChanged: (value) {
+                      if (value is int) {
+                        ref.read(mnemonicWordCountStateProvider.state).state =
+                            value;
+                      }
+                    },
+                    isExpanded: true,
+                    icon: SvgPicture.asset(
+                      Assets.svg.chevronDown,
+                      width: 12,
+                      height: 6,
+                      color: CFColors.textFieldActiveSearchIconRight,
+                    ),
+                    buttonPadding: const EdgeInsets.symmetric(
+                      horizontal: 16,
+                      vertical: 8,
+                    ),
+                    buttonDecoration: BoxDecoration(
+                      color: CFColors.fieldGray,
+                      borderRadius: BorderRadius.circular(
+                        Constants.size.circularBorderRadius,
+                      ),
+                    ),
+                    dropdownDecoration: BoxDecoration(
+                      color: CFColors.fieldGray,
+                      borderRadius: BorderRadius.circular(
+                        Constants.size.circularBorderRadius,
+                      ),
+                    ),
+                  ),
+                ),
+              if (!isDesktop)
                 MobileMnemonicLengthSelector(
                   chooseMnemonicLength: chooseMnemonicLength,
                 ),
@@ -322,6 +377,7 @@ class _RestoreOptionsViewState extends ConsumerState<RestoreOptionsView> {
             ],
           ),
         ),
+      ),
     );
   }
 }
@@ -339,7 +395,7 @@ class PlatformRestoreOptionsLayout extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     if (isDesktop) {
-      return Container();
+      return child;
     } else {
       return Container(
         color: CFColors.background,

pubspec.lock

@@ -355,6 +355,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.5.2"
+  dropdown_button2:
+    dependency: "direct main"
+    description:
+      name: dropdown_button2
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.7.2"
   emojis:
     dependency: "direct main"
     description:

pubspec.yaml

@@ -121,6 +121,7 @@ dependencies:
 #  document_file_save_plus: ^1.0.5
   isar: 3.0.0-dev.10
   isar_flutter_libs: 3.0.0-dev.10 # contains the binaries
+  dropdown_button2: 1.7.2
 
 dev_dependencies:
   flutter_test: