rework trade details screen (#449)

* create standart list card item * create standart list status item * update localization * fix date format * fix theme gradient * PR comments * fix issues from code review
2026-10-20 06:08:34 +02:00 · 2022-09-02 14:10:54 +01:00
parent 04be884357
commit 0aee6e1b8d
15 changed files with 296 additions and 31 deletions
@@ -1,4 +1,6 @@
 import 'package:cake_wallet/palette.dart';
+import 'package:cake_wallet/src/widgets/standart_list_card.dart';
+import 'package:cake_wallet/src/widgets/standart_list_status_row.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';

@@ -212,6 +214,10 @@ class SectionStandardList extends StatelessWidget {
            return Container();
          }

+          if (row is StandartListStatusRow || row is TradeDatailsStandartListCard) {
+            return Container();
+          }
+
          final nextRow = totalRows[index + 1];

          // If current row is pre last and last row is separator.
@@ -0,0 +1,77 @@
+import 'package:cake_wallet/palette.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:cake_wallet/themes/theme_base.dart';
+
+class TradeDatailsStandartListCard extends StatelessWidget {
+  TradeDatailsStandartListCard(
+      {this.id, this.create, this.pair, this.onTap, this.currentTheme});
+
+  final String id;
+  final String create;
+  final String pair;
+  final ThemeType currentTheme;
+  final Function onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    final darkTheme = currentTheme == ThemeType.dark;
+
+    final baseGradient = LinearGradient(colors: [
+      Theme.of(context).primaryTextTheme.subtitle.color,
+      Theme.of(context).primaryTextTheme.subtitle.decorationColor,
+    ], begin: Alignment.centerLeft, end: Alignment.centerRight);
+
+    final gradient = LinearGradient(colors: [
+      PaletteDark.wildNightBlue,
+      PaletteDark.oceanBlue,
+    ], begin: Alignment.bottomCenter, end: Alignment.topCenter);
+
+    final textColor = Colors.white;
+
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 24.0, vertical: 12.0),
+      child: GestureDetector(
+        onTap: () => onTap(context),
+        child: Container(
+          decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(15.0),
+              gradient: darkTheme ? gradient : baseGradient),
+          child: Padding(
+            padding:
+                const EdgeInsets.symmetric(horizontal: 20.0, vertical: 16.0),
+            child: Column(
+                mainAxisSize: MainAxisSize.min,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(id,
+                      style: TextStyle(
+                          fontSize: 16,
+                          fontFamily: 'Lato',
+                          fontWeight: FontWeight.w400,
+                          color: textColor)),
+                  SizedBox(
+                    height: 8,
+                  ),
+                  Text(create,
+                      style: TextStyle(
+                          fontSize: 12,
+                          fontFamily: 'Lato',
+                          fontWeight: FontWeight.w400,
+                          color: textColor)),
+                  SizedBox(
+                    height: 35,
+                  ),
+                  Text(pair,
+                      style: TextStyle(
+                          fontSize: 24,
+                          fontFamily: 'Lato',
+                          fontWeight: FontWeight.bold,
+                          color: textColor)),
+                ]),
+          ),
+        ),
+      ),
+    );
+  }
+}
@@ -0,0 +1,66 @@
+import 'package:cake_wallet/palette.dart';
+import 'package:cake_wallet/src/screens/dashboard/widgets/sync_indicator_icon.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+class StandartListStatusRow extends StatelessWidget {
+  StandartListStatusRow({this.title, this.value});
+
+  final String title;
+  final String value;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: double.infinity,
+      color: Theme.of(context).backgroundColor,
+      child: Padding(
+        padding:
+            const EdgeInsets.only(left: 24, top: 16, bottom: 16, right: 24),
+        child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: <Widget>[
+              Text(title,
+                  style: TextStyle(
+                      fontSize: 14,
+                      fontWeight: FontWeight.w500,
+                      color: Theme.of(context).primaryTextTheme.overline.color),
+                  textAlign: TextAlign.left),
+              Padding(
+                padding: const EdgeInsets.only(top: 12),
+                child: Container(
+                  decoration: BoxDecoration(
+                    color: Theme.of(context).accentTextTheme.display2.color,
+                    borderRadius: BorderRadius.circular(30.0),
+                  ),
+                  child: Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0),
+                    child: Row(
+                      mainAxisSize: MainAxisSize.min,
+                      children: <Widget>[
+                        SyncIndicatorIcon(
+                          boolMode: false,
+                          value: value,
+                          size: 6,
+                        ),
+                        SizedBox(
+                          width: 5,
+                        ),
+                        Text(value,
+                            style: TextStyle(
+                                fontSize: 16,
+                                fontWeight: FontWeight.w500,
+                                color: Theme.of(context)
+                                    .primaryTextTheme
+                                    .title
+                                    .color))
+                      ],
+                    ),
+                  ),
+                ),
+              )
+            ]),
+      ),
+    );
+  }
+}