CAKE-279 | applied order details to the app

2026-10-26 06:08:40 +01:00 · 2021-03-12 21:04:37 +02:00
parent 313f829689
commit 60333e235d
16 changed files with 498 additions and 7 deletions
@@ -0,0 +1,72 @@
+import 'package:flutter/material.dart';
+
+class OrderRow extends StatelessWidget {
+  OrderRow({
+    @required this.onTap,
+    this.from,
+    this.to,
+    this.createdAtFormattedDate,
+    this.formattedAmount});
+  final VoidCallback onTap;
+  final String from;
+  final String to;
+  final String createdAtFormattedDate;
+  final String formattedAmount;
+  final wyreImage =
+      Image.asset('assets/images/wyre-icon.png', width: 36, height: 36);
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+        onTap: onTap,
+        child: Container(
+          padding: EdgeInsets.fromLTRB(24, 8, 24, 8),
+          color: Colors.transparent,
+          child: Row(
+            mainAxisSize: MainAxisSize.max,
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              wyreImage,
+              SizedBox(width: 12),
+              Expanded(
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                          children: <Widget>[
+                            Text('$from → $to',
+                                style: TextStyle(
+                                    fontSize: 16,
+                                    fontWeight: FontWeight.w500,
+                                    color: Theme.of(context).accentTextTheme.
+                                    display3.backgroundColor
+                                )),
+                            formattedAmount != null
+                                ? Text(formattedAmount + ' ' + to,
+                                style: TextStyle(
+                                    fontSize: 16,
+                                    fontWeight: FontWeight.w500,
+                                    color: Theme.of(context).accentTextTheme.
+                                    display3.backgroundColor
+                                ))
+                                : Container()
+                          ]),
+                      SizedBox(height: 5),
+                      Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                          children: <Widget>[
+                            Text(createdAtFormattedDate,
+                                style: TextStyle(
+                                    fontSize: 14,
+                                    color: Theme.of(context).textTheme
+                                        .overline.backgroundColor))
+                          ])
+                    ],
+                  )
+              )
+            ],
+          ),
+        ));
+  }
+}
@@ -1,3 +1,5 @@
+import 'package:cake_wallet/src/screens/dashboard/widgets/order_row.dart';
+import 'package:cake_wallet/view_model/dashboard/order_list_item.dart';
 import 'package:flutter/material.dart';
 import 'package:cake_wallet/view_model/dashboard/dashboard_view_model.dart';
 import 'package:flutter_mobx/flutter_mobx.dart';
@@ -75,6 +77,21 @@ class TransactionsPage extends StatelessWidget {
                          );
                        }

+                        if (item is OrderListItem) {
+                          final order = item.order;
+
+                          return OrderRow(
+                            onTap: () => Navigator.of(context).pushNamed(
+                                Routes.orderDetails,
+                                arguments: order),
+                            from: order.from,
+                            to: order.to,
+                            createdAtFormattedDate:
+                            DateFormat('HH:mm').format(order.createdAt),
+                            formattedAmount: item.orderFormattedAmount,
+                          );
+                        }
+
                        return Container(
                            color: Colors.transparent,
                            height: 1);
@@ -0,0 +1,47 @@
+import 'package:cake_wallet/src/widgets/standard_list.dart';
+import 'package:cake_wallet/utils/show_bar.dart';
+import 'package:cake_wallet/view_model/order_details_view_model.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_mobx/flutter_mobx.dart';
+import 'package:cake_wallet/generated/i18n.dart';
+import 'package:cake_wallet/src/screens/base_page.dart';
+import 'package:cake_wallet/src/widgets/standart_list_row.dart';
+import 'package:cake_wallet/src/screens/trade_details/track_trade_list_item.dart';
+
+class OrderDetailsPage extends BasePage {
+  OrderDetailsPage(this.orderDetailsViewModel);
+
+  @override
+  String get title => 'Order Details';
+
+  final OrderDetailsViewModel orderDetailsViewModel;
+
+  @override
+  Widget body(BuildContext context) {
+    return Observer(builder: (_) {
+      return SectionStandardList(
+          sectionCount: 1,
+          itemCounter: (int _) => orderDetailsViewModel.items.length,
+          itemBuilder: (_, __, index) {
+            final item = orderDetailsViewModel.items[index];
+
+            if (item is TrackTradeListItem) {
+              return GestureDetector(
+                  onTap: item.onTap,
+                  child: StandartListRow(
+                      title: '${item.title}', value: '${item.value}'));
+            } else {
+              return GestureDetector(
+                  onTap: () {
+                    Clipboard.setData(ClipboardData(text: '${item.value}'));
+                    showBar<void>(context, S.of(context).copied_to_clipboard);
+                  },
+                  child: StandartListRow(
+                      title: '${item.title}', value: '${item.value}'));
+            }
+          });
+    });
+  }
+}