co2_emissions_screen.dart

Go to the documentation of this file.

import 'package:connect/core/router/routes.dart';
import 'package:connect/core/ui/widgets/custom_card.dart';
import 'package:connect/core/ui/widgets/custom_scaffold.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:go_router/go_router.dart';
import 'package:hugeicons/hugeicons.dart';
 
class Co2EmissionsScreen extends StatelessWidget {
  const Co2EmissionsScreen({super.key});
 
  @override
  Widget build(BuildContext context) {
    return CustomScaffold(
      title: 'CO₂ emissions',
      body: ListView(
        padding: EdgeInsets.all(15.sp),
        children: [
          CustomCard(
            bgColor: Theme.of(context).colorScheme.primary,
            padding: EdgeInsets.all(15.sp),
            child: Text(
              'Ready to take action? Let’s calculate your CO₂emissions today!',
              style: Theme.of(context).textTheme.displaySmall?.copyWith(
                    color: Theme.of(context).colorScheme.onPrimary,
                  ),
            ),
          ),
          SizedBox(height: 20.sp),
          Text(
            'Calculate',
            style: Theme.of(context).textTheme.displaySmall,
          ),
          SizedBox(height: 15.sp),
          _buildMenubutton(
            context: context,
            iconColor: Colors.blue,
            label: 'Operational Details',
            icon: HugeIcons.strokeRoundedSettings02,
            onPeressed: () {
              context.push(Routes.operationalDetails.route);
            },
          ),
          SizedBox(height: 15.sp),
          _buildMenubutton(
            context: context,
            iconColor: Colors.red,
            label: 'Energy',
            icon: HugeIcons.strokeRoundedEnergy,
            onPeressed: () {
              context.push(Routes.energy.route);
            },
          ),
          SizedBox(height: 15.sp),
          _buildMenubutton(
            context: context,
            iconColor: Colors.green,
            label: 'Food',
            icon: HugeIcons.strokeRoundedRestaurant02,
            onPeressed: () {
              context.push(Routes.food.route);
            },
          ),
          SizedBox(height: 15.sp),
          _buildMenubutton(
            context: context,
            iconColor: Colors.orange,
            label: 'Waste',
            icon: HugeIcons.strokeRoundedWaste,
            onPeressed: () {
              context.push(Routes.waste.route);
            },
          ),
          SizedBox(height: 15.sp),
          _buildMenubutton(
            context: context,
            iconColor: Colors.blueAccent,
            label: 'Transport',
            icon: HugeIcons.strokeRoundedContainerTruck01,
            onPeressed: () {
              context.push(Routes.transport.route);
            },
          ),
          SizedBox(height: 15.sp),
          _buildMenubutton(
            context: context,
            iconColor: Colors.blueAccent,
            label: 'Water',
            icon: HugeIcons.strokeRoundedRainDrop,
            onPeressed: () {
              context.push(Routes.water.route);
            },
          ),
        ],
      ),
    );
  }
 
  _buildMenubutton({
    required BuildContext context,
    required Color iconColor,
    required String label,
    required IconData icon,
    required Function() onPeressed,
  }) {
    return ElevatedButton(
      style: ElevatedButton.styleFrom(
        backgroundColor: Theme.of(context).colorScheme.surface,
      ),
      onPressed: onPeressed,
      child: Column(
        children: [
          CircleAvatar(
            radius: 25.sp,
            backgroundColor: iconColor.withOpacity(0.11),
            child: Icon(
              icon,
              color: iconColor,
            ),
          ),
          SizedBox(height: 10.sp),
          Text(
            label,
            style: Theme.of(context).textTheme.displaySmall,
          ),
        ],
      ),
    );
  }
}