basic desktop exchange layout

lib/pages_desktop_specific/desktop_exchange/desktop_exchange_view.dart

@@ -0,0 +1,89 @@
+import 'package:flutter/material.dart';
+import 'package:stackwallet/pages/exchange_view/exchange_form.dart';
+import 'package:stackwallet/pages_desktop_specific/desktop_exchange/subwidgets/desktop_trade_history.dart';
+import 'package:stackwallet/utilities/text_styles.dart';
+import 'package:stackwallet/widgets/desktop/desktop_app_bar.dart';
+import 'package:stackwallet/widgets/desktop/desktop_scaffold.dart';
+import 'package:stackwallet/widgets/rounded_white_container.dart';
+
+class DesktopExchangeView extends StatefulWidget {
+  const DesktopExchangeView({Key? key}) : super(key: key);
+
+  static const String routeName = "/desktopExchange";
+
+  @override
+  State<DesktopExchangeView> createState() => _DesktopExchangeViewState();
+}
+
+class _DesktopExchangeViewState extends State<DesktopExchangeView> {
+  @override
+  Widget build(BuildContext context) {
+    return DesktopScaffold(
+      appBar: DesktopAppBar(
+        isCompactHeight: true,
+        leading: Padding(
+          padding: const EdgeInsets.only(
+            left: 24,
+          ),
+          child: Text(
+            "Exchange",
+            style: STextStyles.desktopH3(context),
+          ),
+        ),
+      ),
+      body: Padding(
+        padding: const EdgeInsets.only(
+          left: 24,
+          right: 24,
+          bottom: 24,
+        ),
+        child: Row(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Expanded(
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    "Exchange details",
+                    style: STextStyles.desktopTextExtraExtraSmall(context),
+                  ),
+                  const SizedBox(
+                    height: 16,
+                  ),
+                  const RoundedWhiteContainer(
+                    padding: EdgeInsets.all(24),
+                    child: ExchangeForm(),
+                  ),
+                ],
+              ),
+            ),
+            const SizedBox(
+              width: 16,
+            ),
+            Expanded(
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    "Exchange details",
+                    style: STextStyles.desktopTextExtraExtraSmall(context),
+                  ),
+                  const SizedBox(
+                    height: 16,
+                  ),
+                  const RoundedWhiteContainer(
+                    padding: EdgeInsets.all(0),
+                    child: DesktopTradeHistory(),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/pages_desktop_specific/desktop_exchange/subwidgets/desktop_trade_history.dart

@@ -0,0 +1,103 @@
+import 'dart:async';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:stackwallet/pages/exchange_view/trade_details_view.dart';
+import 'package:stackwallet/providers/exchange/trade_sent_from_stack_lookup_provider.dart';
+import 'package:stackwallet/providers/global/trades_service_provider.dart';
+import 'package:stackwallet/providers/global/wallets_provider.dart';
+import 'package:stackwallet/utilities/text_styles.dart';
+import 'package:stackwallet/utilities/theme/stack_colors.dart';
+import 'package:stackwallet/widgets/rounded_white_container.dart';
+import 'package:stackwallet/widgets/trade_card.dart';
+import 'package:tuple/tuple.dart';
+
+class DesktopTradeHistory extends ConsumerStatefulWidget {
+  const DesktopTradeHistory({Key? key}) : super(key: key);
+
+  @override
+  ConsumerState<DesktopTradeHistory> createState() =>
+      _DesktopTradeHistoryState();
+}
+
+class _DesktopTradeHistoryState extends ConsumerState<DesktopTradeHistory> {
+  @override
+  Widget build(BuildContext context) {
+    final trades =
+        ref.watch(tradesServiceProvider.select((value) => value.trades));
+
+    final tradeCount = trades.length;
+    final hasHistory = tradeCount > 0;
+
+    if (hasHistory) {
+      return ListView.separated(
+        itemBuilder: (context, index) {
+          return TradeCard(
+            key: Key("tradeCard_${trades[index].uuid}"),
+            trade: trades[index],
+            onTap: () async {
+              final String tradeId = trades[index].tradeId;
+
+              final lookup = ref.read(tradeSentFromStackLookupProvider).all;
+
+              debugPrint("ALL: $lookup");
+
+              final String? txid = ref
+                  .read(tradeSentFromStackLookupProvider)
+                  .getTxidForTradeId(tradeId);
+              final List<String>? walletIds = ref
+                  .read(tradeSentFromStackLookupProvider)
+                  .getWalletIdsForTradeId(tradeId);
+
+              if (txid != null && walletIds != null && walletIds.isNotEmpty) {
+                final manager = ref
+                    .read(walletsChangeNotifierProvider)
+                    .getManager(walletIds.first);
+
+                debugPrint("name: ${manager.walletName}");
+
+                // TODO store tx data completely locally in isar so we don't lock up ui here when querying txData
+                final txData = await manager.transactionData;
+
+                final tx = txData.getAllTransactions()[txid];
+
+                if (mounted) {
+                  unawaited(
+                    Navigator.of(context).pushNamed(
+                      TradeDetailsView.routeName,
+                      arguments: Tuple4(
+                          tradeId, tx, walletIds.first, manager.walletName),
+                    ),
+                  );
+                }
+              } else {
+                unawaited(
+                  Navigator.of(context).pushNamed(
+                    TradeDetailsView.routeName,
+                    arguments: Tuple4(tradeId, null, walletIds?.first, null),
+                  ),
+                );
+              }
+            },
+          );
+        },
+        separatorBuilder: (context, index) {
+          return Container(
+            height: 1,
+            color: Theme.of(context).extension<StackColors>()!.background,
+          );
+        },
+        itemCount: tradeCount,
+      );
+    } else {
+      return RoundedWhiteContainer(
+        child: Center(
+          child: Text(
+            "Trades will appear here",
+            style: STextStyles.desktopTextExtraExtraSmall(context),
+          ),
+        ),
+      );
+    }
+  }
+}

lib/pages_desktop_specific/home/desktop_home_view.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:stackwallet/pages_desktop_specific/desktop_exchange/desktop_exchange_view.dart';
 import 'package:stackwallet/pages_desktop_specific/home/address_book_view/desktop_address_book.dart';
 import 'package:stackwallet/pages_desktop_specific/home/desktop_menu.dart';
 import 'package:stackwallet/pages_desktop_specific/home/desktop_settings_view.dart';
@@ -29,10 +30,11 @@ class _DesktopHomeViewState extends ConsumerState<DesktopHomeView> {
       onGenerateRoute: RouteGenerator.generateRoute,
       initialRoute: MyStackView.routeName,
     ),
-    // Container(
+    DesktopMenuItemId.exchange: const Navigator(
-    //   // todo: exchange
+      key: Key("desktopExchangeHomeKey"),
-    //   color: Colors.green,
+      onGenerateRoute: RouteGenerator.generateRoute,
-    // ),
+      initialRoute: DesktopExchangeView.routeName,
+    ),
     DesktopMenuItemId.notifications: const Navigator(
       key: Key("desktopNotificationsHomeKey"),
       onGenerateRoute: RouteGenerator.generateRoute,

lib/route_generator.dart

@@ -85,6 +85,7 @@ import 'package:stackwallet/pages/wallet_view/transaction_views/transaction_sear
 import 'package:stackwallet/pages/wallet_view/wallet_view.dart';
 import 'package:stackwallet/pages/wallets_view/wallets_view.dart';
 import 'package:stackwallet/pages_desktop_specific/create_password/create_password_view.dart';
+import 'package:stackwallet/pages_desktop_specific/desktop_exchange/desktop_exchange_view.dart';
 import 'package:stackwallet/pages_desktop_specific/forgot_password_desktop_view.dart';
 import 'package:stackwallet/pages_desktop_specific/home/address_book_view/desktop_address_book.dart';
 import 'package:stackwallet/pages_desktop_specific/home/desktop_home_view.dart';
@@ -1019,6 +1020,12 @@ class RouteGenerator {
             builder: (_) => const DesktopNotificationsView(),
             settings: RouteSettings(name: settings.name));
 
+      case DesktopExchangeView.routeName:
+        return getRoute(
+            shouldUseMaterialRoute: useMaterialPageRoute,
+            builder: (_) => const DesktopExchangeView(),
+            settings: RouteSettings(name: settings.name));
+
       case DesktopSettingsView.routeName:
         return getRoute(
             shouldUseMaterialRoute: useMaterialPageRoute,