environmental_dashboard_status_header.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:intl/intl.dart';
 
import '../../../../../core/constants/assets.dart';
import '../../../../../core/ui/theme/color_palette.dart';
 
class EnvironmentalDashboardStatusHeaderv2 extends StatelessWidget {
  const EnvironmentalDashboardStatusHeaderv2({
    super.key,
    required this.balance,
    required this.remaining,
  });
 
  final num? remaining;
  final num? balance;
 
  @override
  Widget build(BuildContext context) {
    //final numberFormat = NumberFormat('#,##0', 'en_US');
    return Padding(
      padding: EdgeInsets.symmetric(vertical: 30.sp),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Image.asset(Assets.recyclerBadgeImage, height: 60.sp),
          SizedBox(width: 20.sp),
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  '${NumberFormat.compact().format(balance ?? 0)} ${AppLocalizations.of(context).translate('POINTS')}',
                  style: Theme.of(context)
                      .textTheme
                      .displayMedium
                      ?.copyWith(color: ColorPalette.blue),
                ),
                Text(
                  '${NumberFormat.compact().format(remaining ?? 0)} ${AppLocalizations.of(context).translate('points to reach the next level')}',
                  style: Theme.of(context)
                      .textTheme
                      .bodySmall
                      ?.copyWith(color: Colors.grey, fontSize: 11.sp),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}