this_month_earnings_card.dart

Go to the documentation of this file.

import 'package:connect/core/constants/app_values.dart';
import 'package:connect/core/localization/app_localizations.dart';
 
import '/core/ui/widgets/custom_card.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:intl/intl.dart';
 
class ThisMonthEarningCard extends StatelessWidget {
  const ThisMonthEarningCard({
    super.key,
    required this.earningActualMonth,
    required this.earningLastMonth,
  });
 
  final num? earningActualMonth;
  final num? earningLastMonth;
 
  @override
  Widget build(BuildContext context) {
    return CustomCard(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Text(
                AppLocalizations.of(context).translate('THIS MONTH EARNINGS'),
                style: Theme.of(context).textTheme.bodySmall,
              ),
              const Spacer(),
              Text(
                NumberFormat.currency(symbol: AppValues.currency)
                    .format(earningActualMonth),
                style: Theme.of(context).textTheme.bodySmall?.copyWith(
                      color: Theme.of(context).primaryColor,
                      fontSize: 14.sp,
                      fontWeight: FontWeight.bold,
                    ),
              ),
            ],
          ),
          SizedBox(height: 12.sp),
          _compareEarnings(
            earningActualMonth ?? 0,
            earningLastMonth ?? 0,
            context,
          ),
        ],
      ),
    );
  }
 
  RichText _compareEarnings(num current, num previous, BuildContext context) {
    // final NumberFormat percentageFormat = NumberFormat.decimalPercentPattern(
    //     decimalDigits: 1); // Shows proper percentage format
    TextStyle? smallTextStyle = Theme.of(context).textTheme.bodySmall?.copyWith(
          color: Theme.of(context).hintColor,
          fontSize: 11.sp,
        );
 
    if (previous == 0) {
      if (current == 0) {
        return RichText(
          text: TextSpan(
            text: AppLocalizations.of(context)
                .translate('No earnings this month compared to last month'),
            style: smallTextStyle,
          ),
        );
      } else {
        return RichText(
          text: TextSpan(
            children: [
              TextSpan(
                text:
                    "100%", // If previous was 0 and now there’s earnings, it’s a 100% increase
                style: Theme.of(context).textTheme.bodySmall?.copyWith(
                      color: Theme.of(context).primaryColor,
                      fontWeight: FontWeight.bold,
                    ),
              ),
              TextSpan(
                text:
                    ' ${AppLocalizations.of(context).translate('higher earnings than last month')}',
                style: smallTextStyle,
              ),
            ],
          ),
        );
      }
    }
 
    double difference = (current - previous) / previous;
    bool isHigher = difference > 0;
 
    return RichText(
      text: TextSpan(
        children: [
          TextSpan(
            text: NumberFormat.percentPattern()
                .format(difference), // Formats correctly as a percentage
            style: TextStyle(
              color: isHigher
                  ? Theme.of(context).primaryColor
                  : Theme.of(context).colorScheme.error,
              fontSize: 11.sp,
              fontWeight: FontWeight.bold,
            ),
          ),
          TextSpan(
            text: isHigher
                ? ' ${AppLocalizations.of(context).translate('higher earnings than last month')}'
                : difference < 0
                    ? ' ${AppLocalizations.of(context).translate('lower earnings than last month')}'
                    : ' ${AppLocalizations.of(context).translate('Earnings are the same as last month')}',
            style: smallTextStyle,
          ),
        ],
      ),
    );
  }
}