basic desktop receive layout

lib/pages_desktop_specific/home/my_stack_view/wallet_view/desktop_wallet_view.dart

@@ -264,7 +264,12 @@ class _MyWalletState extends State<MyWallet> {
                             walletId: widget.walletId,
                           ),
                         ),
-                        DesktopReceive(),
+                        Padding(
+                          padding: const EdgeInsets.all(20),
+                          child: DesktopReceive(
+                            walletId: widget.walletId,
+                          ),
+                        ),
                       ],
                     ),
                   ),

lib/pages_desktop_specific/home/my_stack_view/wallet_view/receive/desktop_receive.dart

@@ -1,17 +1,240 @@
-import 'package:flutter/material.dart';
+import 'dart:async';
 
-class DesktopReceive extends StatefulWidget {
+import 'package:flutter/material.dart';
-  const DesktopReceive({Key? key}) : super(key: key);
+import 'package:flutter/services.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:qr_flutter/qr_flutter.dart';
+import 'package:stackwallet/notifications/show_flush_bar.dart';
+import 'package:stackwallet/pages/receive_view/generate_receiving_uri_qr_code_view.dart';
+import 'package:stackwallet/providers/providers.dart';
+import 'package:stackwallet/route_generator.dart';
+import 'package:stackwallet/utilities/assets.dart';
+import 'package:stackwallet/utilities/clipboard_interface.dart';
+import 'package:stackwallet/utilities/constants.dart';
+import 'package:stackwallet/utilities/enums/coin_enum.dart';
+import 'package:stackwallet/utilities/enums/flush_bar_type.dart';
+import 'package:stackwallet/utilities/text_styles.dart';
+import 'package:stackwallet/utilities/theme/stack_colors.dart';
+import 'package:stackwallet/widgets/custom_buttons/blue_text_button.dart';
+import 'package:stackwallet/widgets/custom_loading_overlay.dart';
+import 'package:stackwallet/widgets/desktop/secondary_button.dart';
+import 'package:stackwallet/widgets/rounded_white_container.dart';
+
+class DesktopReceive extends ConsumerStatefulWidget {
+  const DesktopReceive({
+    Key? key,
+    required this.walletId,
+    this.clipboard = const ClipboardWrapper(),
+  }) : super(key: key);
+
+  final String walletId;
+  final ClipboardInterface clipboard;
 
   @override
-  State<DesktopReceive> createState() => _DesktopReceiveState();
+  ConsumerState<DesktopReceive> createState() => _DesktopReceiveState();
 }
 
-class _DesktopReceiveState extends State<DesktopReceive> {
+class _DesktopReceiveState extends ConsumerState<DesktopReceive> {
+  late final Coin coin;
+  late final String walletId;
+  late final ClipboardInterface clipboard;
+
+  Future<void> generateNewAddress() async {
+    bool shouldPop = false;
+    unawaited(
+      showDialog(
+        context: context,
+        builder: (_) {
+          return WillPopScope(
+            onWillPop: () async => shouldPop,
+            child: Container(
+              color: Theme.of(context)
+                  .extension<StackColors>()!
+                  .overlay
+                  .withOpacity(0.5),
+              child: const CustomLoadingOverlay(
+                message: "Generating address",
+                eventBus: null,
+              ),
+            ),
+          );
+        },
+      ),
+    );
+
+    await ref
+        .read(walletsChangeNotifierProvider)
+        .getManager(walletId)
+        .generateNewAddress();
+
+    shouldPop = true;
+
+    if (mounted) {
+      Navigator.of(context, rootNavigator: true).pop();
+    }
+  }
+
+  String receivingAddress = "";
+
+  @override
+  void initState() {
+    walletId = widget.walletId;
+    coin = ref.read(walletsChangeNotifierProvider).getManager(walletId).coin;
+    clipboard = widget.clipboard;
+
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) async {
+      final address = await ref
+          .read(walletsChangeNotifierProvider)
+          .getManager(walletId)
+          .currentReceivingAddress;
+      setState(() {
+        receivingAddress = address;
+      });
+    });
+
+    super.initState();
+  }
+
   @override
   Widget build(BuildContext context) {
-    return Container(
+    debugPrint("BUILD: $runtimeType");
-      color: Colors.green,
+
+    ref.listen(
+        ref
+            .read(walletsChangeNotifierProvider)
+            .getManagerProvider(walletId)
+            .select((value) => value.currentReceivingAddress),
+        (previous, next) {
+      if (next is Future<String>) {
+        next.then((value) => setState(() => receivingAddress = value));
+      }
+    });
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.stretch,
+      children: [
+        GestureDetector(
+          onTap: () {
+            clipboard.setData(
+              ClipboardData(text: receivingAddress),
+            );
+            showFloatingFlushBar(
+              type: FlushBarType.info,
+              message: "Copied to clipboard",
+              iconAsset: Assets.svg.copy,
+              context: context,
+            );
+          },
+          child: Container(
+            decoration: BoxDecoration(
+              border: Border.all(
+                color: Theme.of(context).extension<StackColors>()!.background,
+                width: 2,
+              ),
+              borderRadius: BorderRadius.circular(
+                Constants.size.circularBorderRadius,
+              ),
+            ),
+            child: RoundedWhiteContainer(
+              child: Column(
+                children: [
+                  Row(
+                    children: [
+                      Text(
+                        "Your ${coin.ticker} address",
+                        style: STextStyles.itemSubtitle(context),
+                      ),
+                      const Spacer(),
+                      Row(
+                        children: [
+                          SvgPicture.asset(
+                            Assets.svg.copy,
+                            width: 10,
+                            height: 10,
+                            color: Theme.of(context)
+                                .extension<StackColors>()!
+                                .infoItemIcons,
+                          ),
+                          const SizedBox(
+                            width: 4,
+                          ),
+                          Text(
+                            "Copy",
+                            style: STextStyles.link2(context),
+                          ),
+                        ],
+                      ),
+                    ],
+                  ),
+                  const SizedBox(
+                    height: 4,
+                  ),
+                  Row(
+                    children: [
+                      Expanded(
+                        child: Text(
+                          receivingAddress,
+                          style: STextStyles.itemSubtitle12(context),
+                        ),
+                      ),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ),
+        if (coin != Coin.epicCash)
+          const SizedBox(
+            height: 20,
+          ),
+        if (coin != Coin.epicCash)
+          SecondaryButton(
+            height: 56,
+            onPressed: generateNewAddress,
+            label: "Generate new address",
+          ),
+        const SizedBox(
+          height: 32,
+        ),
+        Center(
+          child: SizedBox(
+            width: 200,
+            height: 200,
+            child: QrImage(
+                data: "${coin.uriScheme}:$receivingAddress",
+                size: MediaQuery.of(context).size.width / 2,
+                foregroundColor: Theme.of(context)
+                    .extension<StackColors>()!
+                    .accentColorDark),
+          ),
+        ),
+        const SizedBox(
+          height: 32,
+        ),
+        Center(
+          child: BlueTextButton(
+            text: "Create new QR code",
+            onTap: () async {
+              unawaited(
+                Navigator.of(context).push(
+                  RouteGenerator.getRoute(
+                    shouldUseMaterialRoute: RouteGenerator.useMaterialPageRoute,
+                    builder: (_) => GenerateUriQrCodeView(
+                      coin: coin,
+                      receivingAddress: receivingAddress,
+                    ),
+                    settings: const RouteSettings(
+                      name: GenerateUriQrCodeView.routeName,
+                    ),
+                  ),
+                ),
+              );
+            },
+          ),
+        ),
+      ],
     );
   }
 }

lib/pages_desktop_specific/home/my_stack_view/wallet_view/send/desktop_send.dart

@@ -1158,6 +1158,7 @@ class _DesktopSendState extends ConsumerState<DesktopSend> {
             height: 36,
           ),
           PrimaryButton(
+            height: 56,
             label: "Preview send",
             enabled: ref.watch(previewTxButtonStateProvider.state).state,
             onPressed: ref.watch(previewTxButtonStateProvider.state).state