flutter-crypto-app/lib/ui/widgets/favorite_pair.dart

import 'package:cryptocurrency_app/models/markets/favorite_pair/favorite_pair.dart';
import 'package:cryptocurrency_app/ui/screens/details.dart';
import 'package:cryptocurrency_app/ui/widgets/title_price.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:easy_localization/easy_localization.dart';
import '../../generated/locale_keys.g.dart';

class FavoritePairWidget extends HookWidget {
  final FavoritePair data;
  FavoritePairWidget(this.data);

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.symmetric(horizontal: 15),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          SizedBox(
            height: 5,
          ),
          TitlePrice(pair: data.pair),
          Container(
            margin: EdgeInsets.only(top: 10),
            color: Theme.of(context).dividerColor,
            height: 1,
            width: double.infinity,
          ),
          InkWell(
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => DetailsScreen(
                    pair: data.pair,
                  ),
                ),
              );
            },
            child: Container(
              padding: EdgeInsets.symmetric(vertical: 10),
              child: Row(
                children: [
                  Icon(
                    Icons.add_chart,
                    size: 30,
                    color: Theme.of(context).iconTheme.color,
                  ),
                  SizedBox(width: 10),
                  Text(LocaleKeys.openChart.tr(),
                      style: Theme.of(context).textTheme.headline3),
                ],
              ),
            ),
          ),
          Container(
            padding: EdgeInsets.symmetric(vertical: 5),
            color: Theme.of(context).dividerColor,
            height: 1,
            width: double.infinity,
          ),
          SizedBox(
            height: 10,
          ),
        ],
      ),
    );
  }
}