todos-contra-el-fuego-mobile/lib/main_drawer.dart

import 'package:badges/badges.dart' as badges_pkg;
import 'package:flutter/material.dart';
import 'package:flutter_redux/flutter_redux.dart';
import 'package:redux/src/store.dart';

import 'active_fires.dart';
import 'colors.dart';
import 'fire_alert.dart';
import 'fire_notification_list.dart';
import 'generated/i18n.dart';
import 'globals.dart' as globals;
import 'models/app_state.dart';
import 'monitored_areas.dart';
import 'privacy_page.dart';
import 'sandbox.dart';
import 'support_page.dart';

@immutable
class _ViewModel {
  const _ViewModel({
    required this.unreadCount,
  });
  final int unreadCount;

  @override
  bool operator ==(Object other) {
    return identical(this, other) ||
        other is _ViewModel &&
            runtimeType == other.runtimeType &&
            unreadCount == other.unreadCount;
  }

  @override
  int get hashCode => unreadCount.hashCode;
}

class MainDrawer extends Drawer {
  MainDrawer(BuildContext context, String currentRoute, {super.key})
      : super(child: mainDrawer(context, currentRoute));
}

Widget mainDrawer(BuildContext context, String currentRoute) {
  return StoreConnector<AppState, _ViewModel>(
      distinct: true,
      converter: (Store<AppState> store) {
        return _ViewModel(unreadCount: store.state.fireNotificationsUnread);
      },
      builder: (BuildContext context, _ViewModel view) {
        const TextStyle bottomTextStyle =
            TextStyle(fontSize: 12.0, color: Colors.grey);
        return ListView(
            // Important: Remove any padding from the ListView.
            padding: EdgeInsets.zero,
            children: <Widget?>[
              GestureDetector(
                onTap: () {
                  Navigator.popAndPushNamed(context, '/');
                },
                child: DrawerHeader(
                  decoration: const BoxDecoration(
                    color: fires300,
                  ),
                  child: Column(
                    children: <Widget>[
                      Image.asset(
                        'images/logo-200.png',
                        fit: BoxFit.scaleDown,
                        height: 80.0,
                      ),
                      const SizedBox(height: 20.0),
                      Text(S.of(context).appName,
                          style: const TextStyle(
                            fontSize: 24.0,
                            color: Colors.white,
                          )),
                    ],
                  ),
                ),
              ),
              ListTile(
                leading: const Icon(Icons.whatshot),
                title: Text(S.of(context).activeFires),
                selected: currentRoute == ActiveFiresPage.routeName,
                onTap: () {
                  Navigator.popAndPushNamed(context, ActiveFiresPage.routeName);
                },
              ),
              ListTile(
                leading: const Icon(Icons.notifications_active),
                selected: currentRoute == FireAlert.routeName,
                title: Text(S.of(context).notifyAFire),
                onTap: () {
                  Navigator.popAndPushNamed(context, FireAlert.routeName);
                },
              ),
              ListTile(
                leading: const Icon(Icons.notifications),
                selected: currentRoute == FireNotificationList.routeName,
                title: Text(S.of(context).fireNotificationsTitleShort),
                trailing: badges_pkg.Badge(
                    position:
                        badges_pkg.BadgePosition.topEnd(top: -10, end: -12),
                    badgeContent: Text(
                      view.unreadCount.toString(),
                      style: const TextStyle(color: Colors.white),
                    ),
                    child: const Icon(Icons.notifications)),

                // Text(S.of(context).fireNotificationsTitleShort),
                onTap: () {
                  Navigator.popAndPushNamed(
                      context, FireNotificationList.routeName);
                },
              ),
              ListTile(
                leading: const Icon(Icons.map),
                selected: currentRoute == MonitoredAreasPage.routeName,
                title: Text(S.of(context).monitoredAreasTitle),
                onTap: () {
                  Navigator.popAndPushNamed(
                      context, MonitoredAreasPage.routeName);
                },
              ),
              const Divider(),
              ListTile(
                leading: const Icon(Icons.favorite),
                selected: currentRoute == SupportPage.routeName,
                title: Text(S.of(context).supportThisInitiative),
                onTap: () {
                  Navigator.popAndPushNamed(context, SupportPage.routeName);
                },
              ),
              ListTile(
                leading: const Icon(Icons.lock),
                selected: currentRoute == PrivacyPage.routeName,
                title: Text(S.of(context).privacyPolicy),
                onTap: () {
                  Navigator.popAndPushNamed(context, PrivacyPage.routeName);
                },
              ),
              if (globals.isDevelopment)
                ListTile(
                  leading: const Icon(Icons.bug_report),
                  title: const Text('Sandbox'),
                  selected: currentRoute == Sandbox.routeName,
                  onTap: () {
                    Navigator.popAndPushNamed(context, Sandbox.routeName);
                  },
                )
              else
                null,
              AboutListTile(
                  icon: globals.appIcon,
                  applicationName: S.of(context).appName,
                  applicationVersion: globals.appVersion,
                  applicationIcon: globals.appMediumIcon,
                  applicationLegalese:
                      S.of(context).appLicense(DateTime.now().year.toString()),
                  aboutBoxChildren: <Widget>[
                    const SizedBox(height: 10.0),
                    Text(S.of(context).appMoto),
                    // , style: new TextStyle(fontStyle: FontStyle.italic)),
                    const SizedBox(height: 10.0),
                    Text(S.of(context).NASAAck, style: bottomTextStyle),
                    // More ?
                  ])
            ].where((Widget? w) => w != null).cast<Widget>().toList());
      });
}