Add Receive screen

threefoldtech · Sep 26, 2024 · f1323e3 · f1323e3
1 parent d8c0d9e
commit f1323e3
Showing 1 changed file with 156 additions and 2 deletions.
diff --git a/app/lib/screens/wallets/receive.dart b/app/lib/screens/wallets/receive.dart
@@ -1,6 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:threebotlogin/models/wallet.dart';
 
+enum ChainType {
+  Stellar,
+  TFChain,
+}
+
 class WalletReceiveScreen extends StatefulWidget {
   const WalletReceiveScreen({super.key, required this.wallet});
   final Wallet wallet;
@@ -10,8 +15,157 @@ class WalletReceiveScreen extends StatefulWidget {
 }
 
 class _WalletReceiveScreenState extends State<WalletReceiveScreen> {
+  final toController = TextEditingController();
+  final amountController = TextEditingController();
+  final memoController = TextEditingController();
+  ChainType chainType = ChainType.Stellar;
+  // TODO: Add validation on all fields
+
+  @override
+  void initState() {
+    toController.text = widget.wallet.stellarAddress;
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    toController.dispose();
+    amountController.dispose();
+    memoController.dispose();
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
-    return const Placeholder();
+    final width = MediaQuery.of(context).size.width;
+    return Scaffold(
+      appBar: AppBar(title: const Text('Receive')),
+      body: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.all(8.0),
+          child: Column(children: [
+            Padding(
+              padding: const EdgeInsets.all(8.0),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                children: [
+                  ElevatedButton(
+                    onPressed: () => setState(() {
+                      toController.text = widget.wallet.stellarAddress;
+                      chainType = ChainType.Stellar;
+                    }),
+                    style: ElevatedButton.styleFrom(
+                        fixedSize: Size.fromWidth(width / 3),
+                        backgroundColor: chainType == ChainType.Stellar
+                            ? Theme.of(context).colorScheme.primaryContainer
+                            : Theme.of(context).colorScheme.background,
+                        shape: RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(3),
+                            side: BorderSide(
+                                color: chainType == ChainType.Stellar
+                                    ? Theme.of(context)
+                                        .colorScheme
+                                        .primaryContainer
+                                    : Theme.of(context)
+                                        .colorScheme
+                                        .secondaryContainer))),
+                    child: Text(
+                      'Stellar',
+                      style: Theme.of(context).textTheme.titleLarge!.copyWith(
+                          color: chainType == ChainType.Stellar
+                              ? Theme.of(context).colorScheme.onPrimaryContainer
+                              : Theme.of(context).colorScheme.onBackground),
+                    ),
+                  ),
+                  ElevatedButton(
+                    onPressed: () => setState(() {
+                      toController.text = widget.wallet.tfchainAddress;
+                      chainType = ChainType.TFChain;
+                    }),
+                    style: ElevatedButton.styleFrom(
+                        fixedSize: Size.fromWidth(width / 3),
+                        backgroundColor: chainType == ChainType.TFChain
+                            ? Theme.of(context).colorScheme.primaryContainer
+                            : Theme.of(context).colorScheme.background,
+                        shape: RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(5),
+                            side: BorderSide(
+                                color: chainType == ChainType.TFChain
+                                    ? Theme.of(context)
+                                        .colorScheme
+                                        .primaryContainer
+                                    : Theme.of(context)
+                                        .colorScheme
+                                        .secondaryContainer))),
+                    child: Text(
+                      'TFChain',
+                      style: Theme.of(context).textTheme.titleLarge!.copyWith(
+                          color: chainType == ChainType.TFChain
+                              ? Theme.of(context).colorScheme.onPrimaryContainer
+                              : Theme.of(context).colorScheme.onBackground),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            const SizedBox(height: 40),
+            ListTile(
+              title: TextField(
+                  readOnly: true,
+                  style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+                        color: Theme.of(context).colorScheme.onBackground,
+                      ),
+                  controller: toController,
+                  decoration: InputDecoration(
+                    labelText: 'To (name: ${widget.wallet.name})',
+                  )),
+            ),
+            const SizedBox(height: 10),
+            ListTile(
+              title: TextField(
+                  style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+                        color: Theme.of(context).colorScheme.onBackground,
+                      ),
+                  keyboardType: TextInputType.number,
+                  controller: amountController,
+                  decoration: const InputDecoration(
+                      labelText: 'Amount', hintText: '100')),
+            ),
+            const SizedBox(height: 10),
+            if (chainType == ChainType.Stellar)
+              ListTile(
+                title: TextField(
+                    style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+                          color: Theme.of(context).colorScheme.onBackground,
+                        ),
+                    controller: memoController,
+                    decoration: const InputDecoration(
+                      labelText: 'Memo',
+                    )),
+              ),
+            const SizedBox(height: 40),
+            Padding(
+              padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 10),
+              child: ElevatedButton(
+                onPressed: () {
+                  //TODO: Show qr code
+                },
+                style: ElevatedButton.styleFrom(),
+                child: SizedBox(
+                  width: double.infinity,
+                  child: Text(
+                    'Generate QR code',
+                    style: Theme.of(context).textTheme.titleLarge!.copyWith(
+                        color: Theme.of(context).colorScheme.primary,
+                        fontWeight: FontWeight.bold),
+                    textAlign: TextAlign.center,
+                  ),
+                ),
+              ),
+            ),
+          ]),
+        ),
+      ),
+    );
   }
-}
+}