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

import 'package:flutter/material.dart';
import 'package:cake_wallet/view_model/dashboard/dashboard_view_model.dart';
import 'package:flutter_mobx/flutter_mobx.dart';
import 'package:auto_size_text/auto_size_text.dart';

class BalancePage extends StatelessWidget {
  BalancePage({@required this.dashboardViewModel});

  final DashboardViewModel dashboardViewModel;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
        onTapUp: (_) {
          if (dashboardViewModel.balanceViewModel.canReverse) {
            dashboardViewModel.balanceViewModel.isReversing = false;
          }
        },
        onTapDown: (_) {
          if (dashboardViewModel.balanceViewModel.canReverse) {
            dashboardViewModel.balanceViewModel.isReversing = true;
          }
        },
        child: Container(
          color: Colors.transparent,
          padding: EdgeInsets.all(24),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              Observer(builder: (_) {
                return Text(
                  dashboardViewModel.balanceViewModel.currency.toString(),
                  style: TextStyle(
                      fontSize: 40,
                      fontWeight: FontWeight.bold,
                      color: Theme.of(context)
                          .accentTextTheme
                          .display2
                          .backgroundColor,
                      height: 1),
                );
              }),
              Observer(builder: (_) {
                return Text(
                  dashboardViewModel.balanceViewModel.displayMode.toString(),
                  style: TextStyle(
                      fontSize: 12,
                      fontWeight: FontWeight.w600,
                      color: Theme.of(context)
                          .accentTextTheme
                          .display2
                          .backgroundColor,
                      height: 1),
                );
              }),
              SizedBox(height: 10),
              Observer(builder: (_) {
                return AutoSizeText(
                  dashboardViewModel.balanceViewModel.cryptoBalance,
                  style: TextStyle(
                      fontSize: 54,
                      fontWeight: FontWeight.bold,
                      color: Theme.of(context)
                          .accentTextTheme
                          .display3
                          .backgroundColor,
                      height: 1),
                    maxLines: 1,
                    textAlign: TextAlign.center);
              }),
              SizedBox(height: 10),
              Observer(builder: (_) {
                return Text(dashboardViewModel.balanceViewModel.fiatBalance,
                    style: TextStyle(
                        fontSize: 18,
                        fontWeight: FontWeight.w500,
                        color: Theme.of(context).indicatorColor,
                        height: 1),
                    textAlign: TextAlign.center);
              }),
            ],
          ),
        ));
  }
}