cake_wallet/lib/src/screens/dashboard/widgets/transaction_raw.dart

import 'package:flutter/material.dart';
import 'package:cake_wallet/palette.dart';
import 'package:cake_wallet/src/domain/common/transaction_direction.dart';
import 'package:cake_wallet/generated/i18n.dart';

class TransactionRow extends StatelessWidget {
  TransactionRow(
      {this.direction,
      this.formattedDate,
      this.formattedAmount,
      this.formattedFiatAmount,
      this.isPending,
      @required this.onTap});

  final VoidCallback onTap;
  final TransactionDirection direction;
  final String formattedDate;
  final String formattedAmount;
  final String formattedFiatAmount;
  final bool isPending;

  @override
  Widget build(BuildContext context) {
    return InkWell(
        onTap: onTap,
        child: Container(
          height: 41,
          color: Theme.of(context).backgroundColor,
          padding: EdgeInsets.only(left: 20, right: 20),
          child: Row(children: <Widget>[
            Container(
              height: 36,
              width: 36,
              decoration: BoxDecoration(
                  shape: BoxShape.circle,
                  color: Theme.of(context).primaryTextTheme.display3.color),
              child: Image.asset(direction == TransactionDirection.incoming
                  ? 'assets/images/down_arrow.png'
                  : 'assets/images/up_arrow.png'),
            ),
            Expanded(
                child: Padding(
              padding: const EdgeInsets.only(left: 10),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: <Widget>[
                        Text(
                            (direction == TransactionDirection.incoming
                                    ? S.of(context).received
                                    : S.of(context).sent) +
                                (isPending ? S.of(context).pending : ''),
                            style: TextStyle(
                                fontSize: 16,
                                fontWeight: FontWeight.w500,
                                color: Theme.of(context)
                                    .primaryTextTheme
                                    .title
                                    .color)),
                        Text(
                            direction == TransactionDirection.incoming
                                ? formattedAmount
                                : '- ' + formattedAmount,
                            style: TextStyle(
                                fontSize: 16,
                                fontWeight: FontWeight.w500,
                                color: Theme.of(context)
                                    .primaryTextTheme
                                    .title
                                    .color))
                      ]),
                  Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: <Widget>[
                        Text(formattedDate,
                            style: TextStyle(
                                fontSize: 14,
                                color: Theme.of(context)
                                    .primaryTextTheme
                                    .headline
                                    .color)),
                        Text(
                            direction == TransactionDirection.incoming
                                ? formattedFiatAmount
                                : '- ' + formattedFiatAmount,
                            style: TextStyle(
                                fontSize: 14,
                                color: Theme.of(context)
                                    .primaryTextTheme
                                    .headline
                                    .color))
                      ]),
                ],
              ),
            ))
          ]),
        ));
  }
}